2017-08-03 170 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

媒體查詢似乎是答案。