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

Css div的宽度设置为最小宽度或最大宽度,css,max,width,min,Css,Max,Width,Min,我已将最小宽度和最大宽度设置为div。 如果有足够的空间,如何将div的宽度设置为max width,如果没有足够的空间,如何将宽度设置为min width 另外,使用宽度:100%可以,但我不希望最小值和最大值之间有任何值。宽度应该是最小值或最大值,这不是中间值。媒体查询似乎就是答案。媒体查询 假设最小值为30px,最大值为100px,足够的空间为70px 如果屏幕宽度为70px,使用媒体查询可以定义一个值,如果屏幕小于70px,则可以定义一个不同的值 例如: @media (max-widt

我已将最小宽度和最大宽度设置为div。 如果有足够的空间,如何将div的宽度设置为max width,如果没有足够的空间,如何将宽度设置为min width


另外,使用宽度:100%可以,但我不希望最小值和最大值之间有任何值。宽度应该是最小值或最大值,这不是中间值。

媒体查询似乎就是答案。

媒体查询

假设最小值为30px,最大值为100px,足够的空间为70px 如果屏幕宽度为70px,使用媒体查询可以定义一个值,如果屏幕小于70px,则可以定义一个不同的值

例如:

@media (max-width: 70px) {
    .myCssClass {width: 30px;}
}
.myCssClass {width: 100px;}

在本例中,宽度“始终”为100px宽,除非屏幕宽度为70px或更小。

听起来您希望使用媒体查询指定不同的固定宽度,而不使用最小和最大宽度……如何确定是否有足够的空间?如果是窗口宽度,则可以使用媒体查询。