摘要: 因为手机屏幕的分辨率大小不一 ,如果使用传统的静态布局,把每个元素的宽高样式写死,在不同的屏幕中就有各种各样的显示效果。这显然不是我们想要的结果。我们需要的是根据屏幕分辨率的不同,来适配不同的样式大小。使不同的手机分辨率下都有相同的样式布局 ###1.rem适配 1rem就是html标签font-s 阅读全文
posted @ 2019-10-02 23:27 ---空白--- 阅读(1703) 评论(0) 推荐(1) 编辑
摘要: 1.原理分析和效果图 先上效果图: 屏幕适配上使用rem适配,假设用户的手机屏幕最下宽度是375px,而谷歌浏览器最小的字体大小为12px,所以我以375px为标准尺寸进行rem适配,即375px的屏幕设置html标签字体大小为12px,随着屏幕宽度增大,1rem也随之增大 表盘使用的是圆角,使之展 阅读全文
posted @ 2019-10-02 22:16 ---空白--- 阅读(259) 评论(0) 推荐(0) 编辑