2016
30
Jan

雑記

スマホ・タブレット用の表示を改善しました
coding_001



 

こんにちは。

 

shimlinです。

 

このブログを始めて数回記事を書きましたが、スマホで見ていると表示領域の窮屈さが気になっていました。

 

スマホでこのサイトを見ると、記事の表示領域が画面横幅の80%くらいしか使えてませんでした。

 

実際、文字もキュッと詰められていて読みづらいなぁと感じました。

 

というわけで、CSSをキュキュっと編集して画面横幅の96%くらい使うようにして窮屈感を改善してみました。

 

before,afterは下記のような感じです。(他の部分も微修正あったりするので文字の位置とかも変わってたりしますが・・・)

 

スマホ表示

screenshot_001

 

 

 

タブレット表示

screenshot_002

 

今後も違和感なくサイトを見てもらえるように細かいところでも改善していく所存です。

 

それでは。