一星期寫了三個靜態網頁，主要都是使用flex彈性布局、絕對定位、媒體查詢、less+rem實現。

?總結

1.a,img,p之類的這些標簽最好都設置一下display:block屬性，成為塊級元素，就能設置寬高

2.如果a標簽里有文本和圖片，white-space: nowrap;使a標簽不換行是不生效的，它只對文字有效，可以用flex布局在x軸上進行排列。flex布局和絕對定位都有可能會讓overflow:hidden失效。

3.跟著原頁面樣式寫的時候一定要對應好font-size，先用px寫，寫完后在pc端沒問題再一鍵改成rem就能適配移動端了，rem是根據html的font-size的改變而改變的，可以使用flexible.js插件進行適配。

4.滾動條用overflow-x:hidden和overflow-y:hidden，overflow:auto的效果是如果內容超出盒子大小，超出部分隱藏到后面，瀏覽器會顯示滾動條，往后滾動就能看到。

?

總結

以上是生活随笔為你收集整理的携程，京东，4399静态页面总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。