一星期寫了三個靜態(tài)網(wǎng)頁，主要都是使用flex彈性布局、絕對定位、媒體查詢、less+rem實現(xiàn)。

?總結(jié)

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

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

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

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。