• Html 字体大小单位 px em pt


       网页上定义字体大小有常见三种单位,px、em、pt                     

       相信px,em都是大家常用的。PT单位我是很得很少的。

       PX                                                                        

       px:是相对长度单位,像素px是相对于显示器屏幕分辨率而言的。    PS:不支持IE的缩放。

       EM                                                                                 

      em:是相对单位     PS:网页中的文字能放大和缩小。将行距(line-height),和纵向高度的单位都用em。保证缩放时           候的整体性。

         em有如下特点:
           em的值并不是固定的;
           em会继续父级元素的字体大小。

      PT                                                                 

      PT是point(磅)缩写,是一种固定长度的度量单位,大小为1/72英寸。如果在web上使用pt做单位的文字,字体的大小在不同屏幕(同样分辨率)下一样,这样可能会对排版有影响,但在Word中使用pt相当方便。比如Word中普通的文档都用“宋体 10pt”,标题用“黑体 30pt”等等,无论电脑怎么设置,打印出来永远就是这么大。

      三者间的转换                                                  

    浏览器的默认字体高都是16px,所以未经调整的浏览器在显示1em=16px,也就是说1px=0.0625em。
      为了简化font-size的换算,可以在css中的body中先全局声明font-size=62.5%,也就是定义了默认字体大小为16px*0.625=10px,子元素会继承父级元素的字体大小,于是1em=10px,所以12px=1.2em。px与em的转换通过10就可以得来。但是定义font-size=0.625em或者直接定义12px,这是没有效果的,
    此外有一点必须要注意,IE处理汉字时,对于浮点的取值精确度有限,由以上方法得到的12px(1.2em)大小的汉字在IE中并不等于直接用12px定义的字体大小,而是稍大一点。只要将62.5%换成63%就可以了.

      pt和px的换算公式也比较简单,pt=px乘以3/4。

        附px、em、%和pt换算表

      px、em、%和pt换算

  • 相关阅读:
    十六进制的ASCII码 "u6cf0u56fd" 解码成unicode
    IIS下配置跨域设置Access-Control-Allow-Origin
    IDEAL 中配置Tomcat的内存值
    谷歌浏览器Software Reporter Tool长时间占用CPU解决办法
    关于 java.lang.ClassCastException: java.math.BigDecimal cannot be cast to java.lang.String
    通过expdp和impdp将Oracle11g数据导入到oracle10g中
    Oracle数据库执行exp命令--报参数'log' 不允许有多个值
    比较的好与坏
    初版家规
    2016大数据发展七大趋势
  • 原文地址:https://www.cnblogs.com/java727/p/3534184.html
Copyright © 2020-2023  润新知