CSS寬度100％或最大寬度

我不知道寬度和最大寬度的關係，或如何計算的（）支撐或能表達這一點。這需要使用最新的WebKit瀏覽器和Firefox 4.IE8等支持不需要

這實際上是max-width的預期用途。如果元素的計算（實際）width超過max-width，它將被限制爲最大值，而不是超過它。百分比與像素不相關。

同時聲明在這樣相同的規則（不需要對calc()功能）：

#somediv { 
    width: 100%; 
    max-width: 512px; 
}

2011-04-15 10:57:12 BoltClock

如果您的圖像實際上小於512像素，並且您不想將它們縮放到512像素，則這不起作用。 – 2015-08-19 20:47:51

我可以問另一個問題，有沒有什麼區別設置它像'#somediv {width：512px;最大寬度：100％}'？ – leetom 2015-11-20 03:37:21

@hugoderhungrige 512px只是這個問題中使用的示例數字。在您不希望圖像縮放超過實際大小的情況下，只需將最大寬度設置爲圖像的實際寬度即可。 – 2017-05-10 00:39:26

如果它是塊級元素應該是默認100％，因此無需聲明的寬度，然後max-width: 512px;會削弱它

calc()在所有不支持的非常好，但在這種情況下，我不認爲你會需要它

2011-04-15 10:57:49 clairesuzy

div{ max-width: 512px; }

應該就夠了。

2011-04-15 11:00:10

當div小於512時，這將如何解決100％？圖像不會保持512並且不會隨着div的大小而減少？ – Jon 2015-04-12 08:05:13

回答