繁体   English   中英

div的宽度设置为最小宽度或最大宽度

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM