モバイル対応 Web ページ効果で表示ページが小さい問題を解決_HTML/Xhtml_Web ページ制作

仕事の必要があるので、携帯電話に適応する Web ページのエフェクトを作成する必要があります。ついにそれを共有して、最初に録画します。

実際、主なことは HTML ページの宣言を変更することです:

次のコードを Web ページに追加すると、通常どおり表示されます:

コードをコピーします

コードは次のとおりです:

説明:

width - 幅ビューポートの
height - ビューポートの高さ
initial-scale - 初期スケーリング率
minimum-scale - ユーザーがズームできる最小スケール
maximum-scale - 最大スケールユーザーがズームできるスケール
ユーザー スケーラブル - ユーザーが手動でズームできるかどうか

話を単純化するために、上記のコードを次のコードに変更できます。効果は同じです:

コードをコピー

コードは次のとおりです:

最後に、特定の幅属性を大きすぎないように設定します。たとえば、次の幅属性を設定するとします。 Web ページの本文を 1000 ピクセルに設定しても、これは間違いなく機能しませんが、画面に適応する 90% に設定できます。

追記：携帯電話でも普通に表示できるエフェクトページを作りました。