スマホの画面サイズをメタ要素で指定する

Read More

以下、他サイトからの引用
iPhone用にビューポートの指定を行うには、以下のようにwidthを320で指定します。
initial-scaleは、ビューポートの拡大率。user-scalableは、ユーザがディスプレイをタップした際に、拡大することを許可するかどうかを指定します。

<meta name="viewport" content="width=320; initial-scale=1.0;user-scalable=1;">
†大人になったら肺呼吸
http://d.hatena.ne.jp/replication/20100204/1265245810


ビューポートってのはPCでいうウィンドウのことを指すらしい。
つーか、面白いサイト名だなあ。


実際にこのメタタグがあると無いとでは画面の見え方が違った。
とりあえず付けといた方が良いという結論。


あと、スマホの横幅の320pxというのは若干古いらしく、今はもう少し大きい解像度になっているらしい。


よく知らんけど。


調べる気にもならん。



Category "HTML・JS・CSS" の最新記事