css - レスポンシブデザインの「ズーム」について考える

Question

HTML と CSS を使用してレスポンシブ デザインを実行しようとしていますが、ここに問題があります。

ウィンドウのリサイズだけならレイアウトが収まり、ズームだけならまたレイアウトが収まるので問題ないのですが、ウィンドウのリサイズ時にズームすると少しレイアウトが崩れます。

これについて解決策を見つけることは重要ですか？ズームの 200%、300% レベルでは問題ありませんが、ほとんどの場合、400% または 500% で問題が発生します。

Answer 1

一般に、レスポンシブ レイアウトはデバイス/ブラウザー ウィンドウに適合し、「指で操作しやすい」ように設計されているため、ズームする必要はありません。これを支援するために、これを使用しviewportてユーザーのズームを停止できます。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">