CSS3提供了一種新的寬度設置方法,即設置寬度的最小和最大值。這個方法可以讓我們更加自由地控制元素在不同屏幕大小下的自適應效果。
設置元素寬度的最小值可以使用min-width屬性,其接受一個數值作為參數。比如:
min-width: 200px;
表示元素寬度的最小值為200像素。如果窗口大小小于200像素,則元素會自動適應為200像素寬度,保證內容不會被壓縮。
設置元素寬度的最大值同樣可以使用max-width屬性,其也接受一個數值作為參數。比如:
max-width: 500px;
表示元素寬度的最大值為500像素。如果窗口大小大于500像素,則元素會自動適應為500像素寬度,避免元素過于寬大而出現滾動條。
當同時設置了min-width和max-width時,元素的寬度將在兩者之間自由變化,響應不同的屏幕大小。
上一篇css hover下劃線
下一篇css hideen屬性