是否可以使用百分比作为宽度来设置 Div 的最小宽度?
Is it possible to set a minimum width of a Div using a percentage as width?
我目前有一个 div
元素可以调整大小以遵循 window 大小,但是我希望它停止将自身调整得更小,仅使用 CSS。这可能吗,还是我应该使用 jQUERY?
div {width: 100%}
基本上我有以上这些,我想知道的是如何设置最小像素值?就像下面的例子:
div {min-width: 600px}
这似乎没有按预期工作。 div
确实保持在目标宽度,但 div
中的元素使用的其他百分比值似乎随着 window 大小的缩小而增长。
应该可以正常工作。检查这个 jsfiddle
注意当宽度小于 500 像素时滚动条出现的样子。我猜问题出在其他地方。
.myClass{
background-color: #00eeff;
width: 100%;
min-width: 500px;
}
N.B。当您评论 min-width
属性 时,请注意滚动条是如何消失的。
我目前有一个 div
元素可以调整大小以遵循 window 大小,但是我希望它停止将自身调整得更小,仅使用 CSS。这可能吗,还是我应该使用 jQUERY?
div {width: 100%}
基本上我有以上这些,我想知道的是如何设置最小像素值?就像下面的例子:
div {min-width: 600px}
这似乎没有按预期工作。 div
确实保持在目标宽度,但 div
中的元素使用的其他百分比值似乎随着 window 大小的缩小而增长。
应该可以正常工作。检查这个 jsfiddle
注意当宽度小于 500 像素时滚动条出现的样子。我猜问题出在其他地方。
.myClass{
background-color: #00eeff;
width: 100%;
min-width: 500px;
}
N.B。当您评论 min-width
属性 时,请注意滚动条是如何消失的。