1.max-width:

當頁面左右寬度縮小時，為了避免出現左右滾動條的糟糕體驗，就可以用到max-width啦！頁面比寬度小時，會自動縮小哦～

2.box-sizing:

對元素設定box-sizing:border-box後，確定寬度後再設定padding和border，不會改變寬度。可以對全域性設定，解決瀏覽器相容問題的寫法如下：

3.overflow:auto

邊框自適應內容的大小，不會出現overflow的情況。

IE相容方案：

4.響應式設計－媒體查詢

運用媒體查詢後，可以根據不同的頁面寬度設定不同的佈局，方法如下：

5.文字多列布局：

最後

“相信有很多想學前端的小夥伴，今年年初我花了一個月整理了一份最適合2018年學習的web前端乾貨，從最基礎的HTML+CSS+JS到移動端HTML5等都有整理，送給每一位前端小夥伴，53763，1707這裡是小白聚集地，歡迎初學和進階中的小夥伴。”

祝大家早日學有所成，拿到滿意offer，快速升職加薪，走上人生巔峰。