html - 如何防止基于百分比的元素重叠？

Question

我有带有 CSS 的 HTML 页面，我在其中使用百分比测量宽度、高度等。

问题是当我通过缩小窗口来调整窗口大小时，有时 HTML 元素会重叠。

这就是我想要做的：

元素应该有一个点的百分比测量值。但超出这一点，元素应该变得固定并且不应该减小尺寸。

我怎样才能做到这一点？

Answer 1

你正在寻找min-width.

div{
    width:50%;       /* Your dynamic width */
    min-width:300px; /* The narrowest the element can be */
}

http://jsfiddle.net/ejbSd/

Answer 2

您可以对元素使用 min-width 或使用 css3 媒体查询来更改各种宽度的布局。

Answer 3

听起来你应该能够使用媒体查询来处理这个问题。在这种情况下，您只需输入：

@media (max-width: [width you want things to turn fixed]) {
  element selector {
    position: fixed;
    width: [fixedWidth];
  }
}

如果您实际上不需要fixed，您应该按照其他人的建议和使用，min-width而不是费心进行查询。