HTMLにmeta name='viewport'を追加して、拡大・縮小時にページが変形しないように制御する方法_html/css_WEB-ITnose

: & & lt; head & gt;

& lt; メタ名 = "幅 = デバイス幅、初期スケール = 1.0、最小スケール = 1.0、 Maximum-scale=1.0, user-scalable=no">

....

2. モバイル側に次のメタ コンテンツを追加します。

;meta name="viewport" content="target-densitydpi=device-dpi、initial-scale=1.0、minimum-scale=1.0、maximum-scale=1.0、user-scalable=no">

.. .. .

手順:

Target-densitydpi=device-dpi、画面のピクセル密度 DPI を指定します。device-dpi はデバイスの元の DPI 値です。スケーリング。

width=device-width、画面の幅を指定します。device-width はデバイス画面の幅です。