-2
は、私は次のマークアップがあるとします。現代のブラウザはどのようにビューポートタグを扱いますか？そして私は本当にそれが必要ですか？
<!DOCTYPE html>
<html style="background: yellow; padding: 0; margin: 0; width: 1100px;">
<head>
<!--
<meta name="viewport" content="width=2200, initial-scale=1">
-->
</head>
<body>
<div class="container" style="width: 400px; background: red;">
<div style="background: green; width: 300px; height: 200px;">
Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes my text Here goes
</div>
</div>
</body>
</html>
を私は固定幅に1100pxhtmlに要素を設定しています。今度はGoogle Chromeのレスポンスデバイスツールバーでこのドキュメントを開き、画面の幅を小さくしようとすると、その後1100px以下になると、ウェブサイト全体がに絞り込まれます。私はこの
<meta name="viewport" content="width=2200, initial-scale=1">
を行う場合は、ウェブサイトに関係なくhtmlと他のelementsの幅の、2200px以下でsquuezing開始します。 width=2200がviewport tagの場合、ブラウザではタグの幅が2200pxであると考えるようになるため、2200pxで絞り込みを開始する必要がありますか？
私はより具体的な質問をしました。 * "viewportタグのwidth = 2200はブラウザにhtmlタグの幅が2200pxだと考えるようにするので、2200px以下ではじき始める必要がありますか？" * – user31782