2017-08-03 201 views
0

我已将最小宽度和最大宽度设置为div。 如何让它的div的宽度设置为最大宽度如果有足够的空间,如果没有足够的空间宽度设置为最小宽度?将div的宽度设置为最小宽度或最大宽度

P.S.使用宽度:100%有点作品,但我不想在最小和最大之间的任何值。宽度应该是最小值或最大值,而不是中间值。

+0

听起来像你想要指定不同的固定宽度,使用媒体查询,并且根本不使用最小和最大宽度... – CBroe

+1

什么决定了是否有足够的空间?如果是窗口宽度,您可以使用媒体查询。 –

回答

1

mediaQuery

让我们假设分钟值为30像素和最大价值是100像素,并有足够的空间是70个像素 使用媒体查询将允许您定义的值,如果屏幕是70像素宽,如果屏幕小于这个值,则显示不同的值。

例如:

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

宽度将“百达”是100像素宽除非屏幕是70像素宽或更小。

0

媒体查询似乎是答案。