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

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

---

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

CSS属性。

您可能会看到

min-width

和

min-height

样式正在运行

例如：

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

min height

的工作原理大致相同

请注意，如果您需要支持IE6，则此浏览器不支持

minheight

或

minwidth

。（有解决办法，但最好的解决方案是不支持IE6）

---

希望这对他们使用最小宽度和最小高度css属性有所帮助

例如，要使内容div（或HTML 5为内容标记）在其300px宽时停止收缩，请使用以下css代码：

div#content {
    min-width: 300px;
}

您仍然可以将此方法用于百分比或基于em的布局-只需使用它来防止页面变小：

div#content {
    width: 70%;
    min-width: 300px;
}

---

注意：min width属性在计算何时开始时不包括填充、边框或边距（它只考虑容器的宽度）。

虽然这在理论上可以回答问题，但在此处包括答案的基本部分，并提供链接供参考。为什么这个答案不是答案的关键部分？就因为我没有举个例子？他要求特定的CSS属性，我提供了它，如果他需要更多信息，还有一个额外的链接。虽然

minu_width

是正确的，但看看投票率最高的答案，你就会明白为什么你的答案只得到了1票，而那一票得到了更多。这是一个更完整、更好的答案。这就是我们想要的答案。虽然我理解为什么我可能不是最有用的答案，但我高度怀疑我的答案是否有用。这就是否决票所暗示的。否决票并不意味着它没有用。它们也决定质量。

div#content {
    min-width: 300px;
}

div#content {
    width: 70%;
    min-width: 300px;
}