![](/img/trans.png)
[英]Content won't expand into a div with a min-width and max-width set - width always stuck at min
[英]Width of div set to either min-width or max-width
我已经为div设置了最小宽度和最大宽度。 如果有足够的空间,如何将div的宽度设置为max-width;如果没有足够的空间,则如何将宽度设置为min-width?
PS使用宽度:100%有点用,但是我不希望在最小值和最大值之间有任何值。 宽度应为min或max,并且介于两者之间。
mediaQuery
假设最小值为30像素,最大值为100像素,使用媒体查询的足够空间为70像素,则允许您在屏幕为70像素宽的情况下定义一个值,如果屏幕小于或等于70像素,则可以定义一个不同的值。
例如:
@media (max-width: 70px) {
.myCssClass {width: 30px;}
}
.myCssClass {width: 100px;}
在此示例中,除非屏幕宽度为70px或更小,否则宽度“始终”为100px。
媒体查询似乎是答案。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.