読者です 読者をやめる 読者になる 読者になる

kazu22002の技術覚書

技術屋として日々の内容を記録しているサイト。PHPやcordovaをやっています。

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

html

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

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

CSS Device Adaptation

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

initial-scale 初期の倍率

minimum-scale 最小倍率

maximum-scale 最大倍率

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

[設定例]

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

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

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

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

広告を非表示にする