防止窗口大小调整行为

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