スマホで見た時のフォントサイズを小さくしました
スマートフォンで見た時のフォント(文字)サイズを小さくしました。
ちょっとした改善ですが、備忘録として記載しておきます。
元々、スマートフォンの場合は表の中の文字だけ小さくなるようにして変な改行が入らないようにしていましたが、この度全体的にフォントサイズを見直すことに。
PCでは画面大きいからいいけど、スマホだと文字数によって改行されちゃいますからね…スクロールを少しでも減らしたいと思いました。
実はいくつか要望があったので改めて考えて変更してみた。変更した部分についてみていきます。
記事内の文字サイズを全体的に調整
例として星13シュベルユニットの記事で比べます
PCでは変わらず、スマホで見た場合はサイズが調整される仕組みに変更。
スマホアプリのゲームサイトだと文字数が小さいことが多く収まりがいいなーと思い、ヒントを得ました。
小さくしすぎないようにはしたつもり。
記事のタイトルも小さくしてみました。
スマホだとどうしても1行に収まらないことが多かったのでスマートになったかな…?
収まりがよくなる
文字数によっては広がってしまう見出しでしたが…
文字数に合わせて青枠も一緒に合わせてくれるようにしました。
こうして改行されないようになると意味があったかなーって思えます。(文字数が多い場合は改行されちゃうけど)
目次も調整しました。
目次は自分が見たい箇所を探してリンクから飛べる仕組みなので導入してますが、できるだけこれも改行が少なく済ましたいと思っています。
まとめ
[voice icon=”https://pso2roboarks.jp/wp-content/uploads/2018/02/giriamuaikonn.jpg” name=”ギリアム” type=”l kannrininn big”](「フォント」サイズなのに、「フォトン」サイズと書いた箇所があって直したのは秘密です)
[/ふきだし]
調整した本人としては違いがよくわかるんですが、ぶっちゃけ気づきにくいと思います…
スマートフォンで文字が大きすぎるとスクロールが増えてしまうので、使いやすさが少しでもよくなればいいかな。
何か気になる点があれば、コメントや、言いにくい場合は要望つぶやきエリアから教えて頂けると助かります。
コメント