将div的宽度设置为最小宽度或最大宽度
问题描述:
我已将最小宽度和最大宽度设置为div。 如何让它的div的宽度设置为最大宽度如果有足够的空间,如果没有足够的空间宽度设置为最小宽度?将div的宽度设置为最小宽度或最大宽度
P.S.使用宽度:100%有点作品,但我不想在最小和最大之间的任何值。宽度应该是最小值或最大值,而不是中间值。
答
mediaQuery
让我们假设分钟值为30像素和最大价值是100像素,并有足够的空间是70个像素 使用媒体查询将允许您定义的值,如果屏幕是70像素宽,如果屏幕小于这个值,则显示不同的值。
例如:
@media (max-width: 70px) {
.myCssClass {width: 30px;}
}
.myCssClass {width: 100px;}
在该示例
宽度将“百达”是100像素宽除非屏幕是70像素宽或更小。
答
媒体查询似乎是答案。
听起来像你想要指定不同的固定宽度,使用媒体查询,并且根本不使用最小和最大宽度... – CBroe
什么决定了是否有足够的空间?如果是窗口宽度,您可以使用媒体查询。 –