当分辨率太小时,防止html元素变形

Question

我看到像亚马逊和谷歌这样的网站,当你缩小网络浏览器的宽度时,元素只会挤压到某一点,然后即使你缩小宽度也会停止压扁.

什么样的技术可以允许这个？是否有可以启用此功能的特定CSS属性？

Answer 1

你可能正在看到min-width和min-height风格的行动.

例如:

.myclass {
    width: 50%;
    min-width:100px;
}

...将占据容器对象的50%,因此可以调整大小,但永远不会小于100px宽.

min-height 工作方式大致相同.

请注意,如果您需要支持IE6,则此浏览器不支持min-height或min-width.(有解决方法,但最好的解决方案是不支持IE6)