なぜモバイルWebページはwidth=device-widthが好きで、システムのスケール機能をオフにしますか?
490 ワード
ページの中にこの言葉を追加すると、ページの幅を携帯電話の画面の幅に自動的に適応させることができます.次のようになります.
width=device-width:幅がデバイス画面の幅であることを示す
Nitial-scale=1.0:初期のスケールを表す
minimum-scale=0.5:最小スケールを表す
maximum-scale=2.0:最大スケールを表す
user-scalable=yes:ユーザーがスケールを調整できるかどうかを示す
携帯電話の画面にはいろいろな解像度があるに違いありません.単純に固定すれば、他の携帯電話の解像度の効果は見えません.モバイル端末のデザインは、お客様が快適に閲覧できると同時に美学を兼ね備えているので、お客様が勝手にスケールを拡大することを許可すれば、個人的には携帯電話端末を専門にする意味は大きくないと思います.
もちろん
普通はこう書きます.
width=device-width:幅がデバイス画面の幅であることを示す
Nitial-scale=1.0:初期のスケールを表す
minimum-scale=0.5:最小スケールを表す
maximum-scale=2.0:最大スケールを表す
user-scalable=yes:ユーザーがスケールを調整できるかどうかを示す
携帯電話の画面にはいろいろな解像度があるに違いありません.単純に固定すれば、他の携帯電話の解像度の効果は見えません.モバイル端末のデザインは、お客様が快適に閲覧できると同時に美学を兼ね備えているので、お客様が勝手にスケールを拡大することを許可すれば、個人的には携帯電話端末を専門にする意味は大きくないと思います.
もちろん
viewport
タグだけでは不十分ですが、Media Queryに合わせて応答的な設計が必要です.普通はこう書きます.