admin管理员组文章数量:1130349
一星期写了三个静态网页，主要都是使用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的效果是如果内容超出盒子大小，超出部分隐藏到后面，浏览器会显示滚动条，往后滚动就能看到。
一星期写了三个静态网页，主要都是使用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静态页面总结 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1754357250a2677489.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论