一般我们采用两种布局:
布局一:百分百布局
布局二:等比缩放布局
页面布局 一般采用的是 flexbox 次而选择 注意慎用float
图片 首选百分比,次而选择rem
业务字体不要用rem 使用px即可
盒模型统一使用box-sizing:border-box
像素实现:设置伪元素,根据dpr将伪元素宽高放到相应的倍数,再应用transform:scale来缩小相应倍数
一般我们采用两种布局:
布局一:百分百布局
布局二:等比缩放布局
页面布局 一般采用的是 flexbox 次而选择 注意慎用float
图片 首选百分比,次而选择rem
业务字体不要用rem 使用px即可
盒模型统一使用box-sizing:border-box
像素实现:设置伪元素,根据dpr将伪元素宽高放到相应的倍数,再应用transform:scale来缩小相应倍数