スマートフォン向けページに最適な meta viewport の指定で迷う

スマートフォンでページが見やすくなるように、metaタグでviewportを指定。 試行錯誤の結果、以下の書式に決定。 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> viewportの属性の内容は以下の通り。 ・width デフォルトの幅は 980、範囲は [200, 10,000]。 つまり、viewportが指定されていない場合は、デフォルトは幅980pxでページが表示されるので、表示コンテンツが小さくなり、見にくくなる。 ・height デフォルトの高さは、width と縦横比から計算され、範囲は [223, 10,000]。 ・initial-scale ページが最初に読み込まれるときの拡大率。デフォルトではページ

[kawatama]

“<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> ”

[torimoku]

viewpointについて

[khtokage]

@telex22 スマホブラウザ用のHTMLを表示する前のキャンバス指定みたいな物だね。画像で言えば画像で言えばサイズとdpiと色空間指定みたいなｗ

[kool_kreate]

userscaleでスマホで拡大率を操作する

[yoppiblog]

viewport

[deglingos]

スマートフォンのmeta設定