CSS开发技巧整理一下

level 8

那装睡的ren 楼主

Layout Skill 布局技巧

2023年01月31日 08点01分 1

level 8

那装睡的ren 楼主

使用vw定制rem自适应布局
要点：移动端使用rem布局需要通过JS设置不同屏幕宽高比的font-size，结合vw单位和calc()可脱离JS的控制
场景：rem页面布局(不兼容低版本移动端系统)
兼容：vw、calc()

2023年01月31日 08点01分 2

level 12

解决图片5px间距问题
1：将 font-size: 0 设置为父元素
2：将 display: block 设置为 img
3：将 vertical-align: bottom 设置为 img
4：给父元素设置line-height: 5px

2023年01月31日 09点01分 3