携程，京东，4399静态页面总结

一星期写了三个静态网页，主要都是使用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静态页面总结

一星期写了三个静态网页，主要都是使用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的效果是如果内容超出盒子大小，超出部分隐藏到后面，浏览器会显示滚动条，往后滚动就能看到。