zoukankan      html  css  js  c++  java
  • CSS文字大小单位PX、EM的区别

    ◆px像素(Pixel)是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)
    ◆em是相对长度单位,相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)

    因此用px来定义字体,无法用浏览器字体缩放的功能/*但是mac osx 10.9.2测试了一下,chromesafarioperafirefox都可以放大用px定义的字体啊,不知道现在标准是不是变了*/

    使用时需要注意:

    1. 浏览器的默认:16px=1em
    2. em的值不是固定的,他会继承父级元素的字体大小。例如 div 标签的嵌套,设置字体大小为 1.2em,则从外层到内层的字体是逐渐变大的,也就是内层字体大小是外层字体的 1.2 倍,内层因继承div的字体高而变为了1em=12px,因此需要重新计算那些被放大的字体的em数值,避免字体大小的重复声明;
    3. body选择器中声明Font-size=62.5%,换算关系 就变为了:1em=16px*62.5%;
    4. Font-size=63%,可以让汉字在IE下正常显示。原因可能是IE处理汉字时,对于浮点的取值精确度有限。
  • 相关阅读:
    文件的权限与隐藏属性
    Linux工具之bc计算器进制的转换
    老司机教你在windows不用软件隐藏重要文件
    LInux基础命令分类
    Linux文本的处理
    文件的默认权限UMASK
    H3C虚拟化之IRF
    H3C单臂路由配置
    H3C路由交换常用命令
    H3C交换机802.1&dot1x认证
  • 原文地址:https://www.cnblogs.com/freeyiyi1993/p/3617189.html
Copyright © 2011-2022 走看看