div的宽度设置为min-width或max-width

Question

我为div设置了最小宽度和最大宽度。 如果有足够的空间并且如果没有足够的空间将宽度设置为最小宽度，我怎样才能使div的宽度设置为max-width？

P.S。使用宽度：100％有点工作，但我不希望在最小和最大之间的任何值。宽度应该是最小值或最大值，并且它们之间没有。

Answer 1

<强> mediaQuery

假设最小值为30px，最大值为100px，足够空间为70px 使用媒体查询将允许您在屏幕宽度为70px时定义一个值，如果屏幕小于该值，则可以定义不同的值。

例如：

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

在这个例子中宽度将是＆＃34;总是＆＃34;除非屏幕宽度为70px或更小，否则为100px宽。

Answer 2

媒体查询似乎就是答案。