viewportの記述で拡大率の制御ができた

htmlのmetaタグのviewportの話です。

viewport自体スマートフォンサイトを作る際に、いつもつけていましたが内容を理解しないでつけていました。

CSS Device Adaptation

HTML5/ページ全般/meta要素 表示領域を設定する - TAG index Webサイト

initial-scale 初期の倍率

minimum-scale 最小倍率

maximum-scale 最大倍率

user-scalable ズームの許可の設定

[設定例]

おまじないと思ってた部分があったので、設定があることを知ったのはよかったです。

スマートフォンでの拡大ができる、できないはこのあたりの設定が関係しているので、すべてのサイトで拡大縮小ができる保証はないですね。

スマートフォンサイトデザインブック 仕事で絶対に使うプロのテクニック