比率

take7の画面寸法の割合

iPad での最大表示幅1024 px(ヨコ使い)に納まる980pxをサイトページの横幅にしています。

ipad_size

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=ほぼ白銀比を一応意識してます。

 


※注意:本テーマでは、簡易なプラグインでスマホ対応を計っています。なお、「表」は最適化されませんので注意が必要です。
※「CSSで出来るレスポンシブ対応」も導入試験してみたいと思いますが、当面、<table>を<div>で囲んでスクロールバーが表示されるようにしています。