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

Question

我已将最小宽度和最大宽度设置为 div。 如果 space 足够，我怎样才能将 div 的宽度设置为最大宽度，如果 space 不够，则将宽度设置为最小宽度宽度？

P.S。使用 width: 100% 有点管用，但我不想要最小值和最大值之间的任何值。宽度应该是最小值或最大值，仅此而已。

Answer 1

媒体查询似乎就是答案。

Answer 2

mediaQuery

假设最小值为 30px，最大值为 100px，enough-space 为 70px 如果屏幕宽度为 70 像素，使用媒体查询将允许您定义一个值，如果屏幕小于该宽度，则可以定义一个不同的值。

例如：

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

在此示例中，除非屏幕宽度为 70 像素或更小，否则宽度将 "allways" 为 100 像素。