比率
take7の画面寸法の割合
iPad での最大表示幅1024 px(ヨコ使い)に納まる980pxをサイトページの横幅にしています。
https://developer.apple.com/jp/documentation/から
アスペクト比は4:3=7:5.25≒7:5ということでほぼ白銀比ではあります。
ワンコラムの場合は、本文の幅を70×10=700pxとしています。本文の幅を980px近くまで大きくすることも可能です。
2コラムの場合は、全幅980pxを本文を700px、サイドを70×4=280pxと振り分けています。
980:700=7:5=ほぼ白銀比を一応意識してます。
「寸法」を考えるための3つの参考サイト | ||
Webサイトの横幅まとめ | WEBサイトの最適な横幅は?(2013年) | 最適なWEBサイトの横幅は? |
↑2015現在非公開 | ||
8の倍数が良いという説もあります←20140705説 |
※注意:本テーマでは、簡易なプラグインでスマホ対応を計っています。なお、「表」は最適化されませんので注意が必要です。
※「CSSで出来るレスポンシブ対応」も導入試験してみたいと思いますが、当面、<table>を<div>で囲んでスクロールバーが表示されるようにしています。