html - 防止 html 元素在分辨率太小时被挤压

Question

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

什么样的技术可以做到这一点？是否有特定的 CSS 属性可以启用此功能？

Answer 1

您可能看到了 min-width 和 min-height 样式的作用。

例如:

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

...将占据容器对象的 50%，因此可以调整大小，但绝不会小于 100 像素宽。

min-height 的工作方式大致相同。

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