div的寬度設置為最小寬度或最大寬度

Question

我已經為div設置了最小寬度和最大寬度。 如果有足夠的空間，如何將div的寬度設置為max-width；如果沒有足夠的空間，則如何將寬度設置為min-width？

PS使用寬度：100％有點用，但是我不希望在最小值和最大值之間有任何值。 寬度應為min或max，並且介於兩者之間。

Answer 1

mediaQuery

假設最小值為30像素，最大值為100像素，使用媒體查詢的足夠空間為70像素，則允許您在屏幕為70像素寬的情況下定義一個值，如果屏幕小於或等於70像素，則可以定義一個不同的值。

例如：

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

在此示例中，除非屏幕寬度為70px或更小，否則寬度“始終”為100px。

Answer 2

媒體查詢似乎是答案。