css样式 body的font-size 为什么用625%
2024-10-21 03:22:02
浏览器的默认高度?
一般为16px
.
为什么用62.5%作为body的默认样式?
16px62.5%=10px
.*
那么为什么一般多是
16px *625% = 100px;
《响应式Web设计实践》中提到过这一点,桌面浏览器默认页面字体大小是16px,这种情况下设置成具体像素大小或者对应的百分比,看起来的效果是一样的,但是其他类型的设备的默认字体大小不一定是16px,特别是高分辨率的设备,16px大小的字体在它们上面看起来会非常小,所以不能在body上设置具体像素值,设置成百分比,可以按照设备的基准字体大小给编写的网页设置好最适合用户浏览的字体大小。
书中原文:最重要的不是屏幕实际的像素大小,屏幕上文字的可读性才是最重要的
因为设了62.5%后就有1rem = 10px
,便于用rem来指定元素的尺寸,这样响应式的时候可以直接改变font-size而无需计算其他各种样式中出现的尺寸了。 用rem定义尺寸的另一个好处是更能适应缩放/浏览器设置字体尺寸等情况(因为rem相对于字体大小,会同步改变)。
最新文章
- canvas刮刮乐效果(pc端&;H5、zepto-touchmove)
- DB&;SQL备忘
- 【重点】Shell入门教程:流程控制(3)条件判断式的真假值
- Nginx负载均衡
- 添加Web引用
- python install
- Ubuntu学习总结-04 搭建JAVA开发环境
- 栈的的链式实例LinkStack实现
- Light OJ 1253 Misere Nim (尼姆博弈(2))
- WPF 中如何使用第三方控件 ,可以使用WindowsFormsHost 类
- freemarker跳出循环
- 【JMeter】JMeter使用plugins插件进行服务器性能监控
- ImageView显示不出来图片
- php set env
- Windows Server 2012 R2 官方原版镜像
- MySQL - 扩展性 1 概述:人多未必力量大
- python正则表达式--match search方法
- Java正则表达式过滤并消除非法字符
- 02-Introspector内省设置单个属性
- Jquery常用的一些事件 keyup focus