blog.鶯梭庵/links/改訂版・たぶん、ほとんどの人は viewport meta タグの指定をまちがえてる・その６

その５から続く まとめ。 まず、ウェブページの一部または全部でコンテンツの幅が固定されている場合（パソコン向けに 800px とか 1024px とか、あるいはモバイル向けに 320px とか）、２通りの指定がある。 幅が固定されているコンテンツが画面にぴったり収まるよう拡大または縮小して表示する場合、meta タグの記述は、例えばコンテンツの幅を 800 ピクセルとしたとき、 <meta name="viewport" content="width=800"> となる。この場合、ウェブページは幅 800 ピクセルの viewport 上にレイアウトされ、画面の幅が 800 ピクセルより広ければ拡大して、画面の幅が狭ければ縮小して表示される。拡大縮小の比率はデバイスに依存するから、HTML では指定しない。すなわち、initial-scale は指定しない。 一方、拡大縮小をせず等倍で表示