在移动端开发过程中,需考虑到不同手机上不同分辨率的展示效果,因此需要采用自适应解决方案。一种常见的解决方案是使用rem(根相对单位),其缩写来自于root-em。
html的font-size是16px,因此1rem等于16px。然而,要表示14px就需要计算0.875rem,这不仅不美观,而且计算起来较为繁琐。为了解决这个问题,可以将html的font-size设置为10px,这样14px可以表示为1.4rem。
然而,为了兼容性和未来发展的考虑,px这个单位的含义变得越来越模糊。无法确定未来的设备是否会一直保持对网页中的px进行兼容处理,或者将px恢复为其本意——“像素”。
为了解决这个问题,可以设置html {font-size: 62.5%;},这样1rem将等于16px的62.5%,即10px。同样,14px可以表示为1.4rem。
同时,62.5%表示默认字体尺寸的62.5%,这个含义不会引起混淆。
所以,《响应式Web设计实践》中提到,桌面浏览器的默认页面字体大小为16px。在这种情况下,无论是设置具体像素大小还是相应的百分比,呈现效果都是相同的。然而,其他类型的设备默认字体大小未必是16px,尤其是高分辨率设备,对于它们来说,16px的字体看起来会非常小。因此,在body上设置具体的像素值是不合适的,而设置百分比可以根据设备的基准字体大小为编写的网页设置最适合用户浏览的字体大小。最重要的是考虑屏幕上文字的可读性,而不是屏幕的实际像素大小。
1 修改版本安卓及电脑软件,加群提示为修改者自留,非本站信息,注意鉴别;
2 本网站部分资源来源于网络,仅供大家学习与参考,请于下载后24小时内删除;
3 若作商业用途,请联系原作者授权,若本站侵犯了您的权益请联系站长进行删除处理;
4 如果您喜欢该内容,请支持正版,购买注册,得到更好的正版服务;
暂无评论内容