本文分享了关于前端自适应布局的心得体会，强调通过百分比和vw单位实现320-1200px屏幕间的适配。关键点包括字号适中、排版精确、合理使用font-weight，以及背景盒子的留白与width:100%的应用。同时，介绍了background-size: cover的常用性，并提示注意权重管理和li元素的浮动布局。
关于自适应
心得小tips
不理解的多实践就懂了
自适应320-1200
自适应主要使用% 和 vw 即可，拖动320-1200，找出合适的大小。
技巧大tips
字号要合适，要让人看得清
要注意排版，要对设计稿几乎100%还原
font-weight用normal和bold就好
背景盒子最好不要铺满，两边要留白；但是也要善用width：100%。
宽度可用%，高度习惯用vw；一般内部元素和起到支撑作用的用vw。
自适应习惯运用background-size：cover；
注意权重
善用 li{float:left;}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
