タグ

ブックマーク / wazanova.jp (1)

  • レスポンシブデザインにおけるバランス - ワザノバ | wazanova

    http://typecast.com/blog/a-more-modern-scale-for-web-typography 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約3時間前 Jason Pamentalが、 例えば各デバイス共通で、H1がbodyの3倍(3em)、H2が2.25emと順に設定しても、画面サイズが小さくなりエレメントの数が減ると、相対的なサイズ設定のバランスは極端になってしまう。(参考画面) 特に、ヘッダーはこのように大きくなりすぎてしまう。 スマホ画面では、1行あたり35-40文字(英文テキスト)が読みやすそう。(参考画面: 35-40 vs. 40-50) メインのコンテンツエリアのまわりのマージンを減らして、コンテンツエリアを広げることができる。小さな画面では、bodyのcol

  • 1