一、基本含義
min-width 屬性為給定元素設置最小寬度。它可以阻止 width 屬性的應用值小于 min-width 的值。min-width 的值會同時覆蓋 max-width 和 width。

二、可取值
常用百分比、固定px|em|ex等，其他屬性值如max-content,min-content兼容性很不好。

div{min-width:100em;}

div{min-width:800px;}

……

三、兼容性
IE7+，常用現代瀏覽器,關于IE6的兼容處理，建議使用js控制,IE6將逐漸退出前端舞臺。

四、應用
常用在百分比寬度布局中，縮放瀏覽器窗口，以免窗口很小時影響頁面的布局 美觀。

相關屬性：max-width,min-height,max-height

我們在做布局設計時，經常有這樣的布局，兩邊或者一邊是導航類工具欄 ，中間是內容區域。
 
但我們希望中間的內區域能夠自動適應，隨著不同的分辨率和瀏覽器的大小自動適應高度和寬度，以獲得較好的顯示效果。
 
我們假設中間的內容區域是個div，如果我們不明確設置它樣式的width屬性，它是可以自動適應的，按說這滿足了要求。
 
但是當瀏覽器的寬度過小時，小到已經不能整齊的顯示我們的內容，頁面的顯示就會混亂不堪。
 
這時我們可以為該內容div設置一個min-width,比如在css中：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表