Question

如何在窗口调整大小时避免100％宽度无响应的HTML布局崩溃？我尝试删除视口元标记，但没有工作..

Answer 1

只需给你的身体或容器div设定宽度或最小宽度

<body>
<div style="min-width:1024px;" >
//put the rest of your html in here
</div>
</body>

Answer 2

在CSS中分配width或max-width。例如：

<body>
    <div id="myContent">Stuff</div>
</body>

然后在你的CSS中：

#myContent {
    margin:0 auto;
    max-width:1024px;
}

margin属性将应用0的上下边距，然后自动将div与auto对齐。如果浏览器屏幕宽度超过1024px，则网页不会变大，但会位于浏览器的中心。如果它低于2014年，宽度将坚持100％并且内容将换行以适合屏幕。

如果您的网站需要在IE6中运行，请务必指定width而不是max-width，因为IE6无法识别max-width并完全忽略它。您可以将其放在仅IE样式表中。