「レスポンシブ」デザインを前提としたWebサイト制作
[ポイント1]「レスポンシブ」化と相性がいいのは情報伝達がメインのサイト
[ポイント2]ターゲットとするデバイスと、その横幅をあらかじめ決める
iPhoneは4~6まですべて横幅640pxの液晶ですので、制作する場合の解像度は幅320px
例えばiPhone5Sは、横640px×縦1136pxの液晶を採用しています。しかしhtmlを解釈するブラウザ上では、横幅を仮想的に320pxと解釈してレンダリングします(「ブラウザのDevicePixelRatioが「2」である」といいます)。実ピクセル数を2で割った値をブラウザの横幅として、デザインが進められます。
