【筆記】學習CSS佈局04——max-width
阿新 • • 發佈：2018-11-30
#main {
max-width: 600px;
margin: 0 auto;
}在這種情況下使用 max-width 替代 width 可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要，調整下瀏覽器視窗大小檢查下吧！
順便提下， 所有的主流瀏覽器包括IE7+在內都支援 max-width ，所以放心大膽的用吧。
程式碼例項：
<!DOCTYPE html> <html> <head> <style type="text/css"> #main { max-width:500px; margin:0 auto; background-color: #65ca5c; } </style> </head> <body> <div id="main"> 在這種情況下使用 max-width 替代 width 可以使瀏覽器更好地處理小視窗的情況。這點在移動裝置上顯得尤為重要，調整下瀏覽器視窗大小檢查下吧！ 順便提下， 所有的主流瀏覽器包括IE7+在內都支援 max-width ，所以放心大膽的用吧。 </div> </body> </html>
效果圖如下：
