日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后，達者為師

網站首頁 編程語言 正文

max-width: 100%和width:100%的區別

作者：草樣的年華 更新時間： 2022-06-06 編程語言

比如我們要設置一個圖片

img { max-width: 100%;}，img { width: 100%;}，

max-width：就是要保證圖片最大顯示為其自身的100%(即最大只可以顯示為自身那么大)。此時，如果包含圖片的元素(比如包含圖片的body或div)比圖片固有寬度小，圖片會縮放占滿最大可用空間。

width:100%：要實現圖片的自動縮放，也可以使用更通用的 width 屬性。然而，這條規則會導致它顯示得跟它的容器一樣寬。在容器比圖片寬得多的情況下，圖片會被無謂地拉伸。

原文鏈接：https://blog.csdn.net/qq_42690194/article/details/120735385

欄目分類
最近更新