タグ

2015年10月6日のブックマーク (1件)

  • iPhone6の時代のviewport設定について - Qiita

    従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値(640px、とか)を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても

    iPhone6の時代のviewport設定について - Qiita
    soran_chan
    soran_chan 2015/10/06
    最近はどんどこ画面サイズ変わっているし、デザインする時には時代に合わせていかないとね。メモメモ。