关于移动端页面布局与设备适配

一般我们采用两种布局:

布局一:百分百布局

布局二:等比缩放布局

页面布局 一般采用的是 flexbox  次而选择 注意慎用float

图片 首选百分比,次而选择rem

业务字体不要用rem 使用px即可

盒模型统一使用box-sizing:border-box

像素实现:设置伪元素,根据dpr将伪元素宽高放到相应的倍数,再应用transform:scale来缩小相应倍数


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部