ビューポートプロパティ正しく使用する方法

Question

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

user-scalable=noは、ユーザーがページを拡大または縮小できないことを意味します。次に、なぜinitial-scale=1.0とmaximum-scale=1.0を使用する必要がありますか？それらを使用する必要がありますか？

Answer 1

あなたの直感は正しいですが、とにかくページがズームできないため、maximum-scale=1.0は不要です。 minimum-scale=1.0, maximum-scale=1.0の設定は、user-scalable=noとほぼ同じ一般的なパターンです。ほとんどのブラウザでは、すべてのコンテンツの幅が表示されるような大きさでページが読み込まれます（Androidの場合はChromeがこれを行います）。そのため、ユーザーは1.0ではなく、ズームできません。ただし、initial-scale=1.0を追加するとズームが1.0に強制されます。