javascript - 防止窗口调整大小行为

Question

• 我用百分比写了一个CSS。
• 我想保留百分比

当浏览器窗口重新调整大小时，如何防止布局更改？

我的意思是我不希望百分比仅在浏览器窗口调整大小时生效。

Answer 1

如果您想使用百分比，但不让它们基于窗口，则必须将它们包装在一个固定width（或至少max-width）块中：

<div id="container">
    <div id="column-left">
    </div>
    <div id="column-right">
    </div>
</div>

#container {
    width: 1000px;
}

#column-left {
    width: 30%;
}

#column-right {
    width: 70%;
}

演示：http ://cssdesk.com/3gJNj