zoukankan      html  css  js  c++  java
  • css中单位px,em,rem的区别

    1,px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。


    2,em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸


    3,rem为元素设定字体大小时,仍然是相对大小,但相对的只是HTML根元素


    4,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。
    那么12px=0.75em,10px=0.625em。 12px/16px=0.75em


    5,为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,
    这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em,
    也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。


    6,rem是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。

    选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用rem,如果要考虑兼容性,那就使用px,或者两者同时使用。

    在这里为大家提供一个px,em,rem单位转换工具

    地址:http://pxtoem.com/

  • 相关阅读:
    AdaBoost
    svm算法
    DBSCAN算法
    聚类算法分类
    EM算法
    ios开发中使用FMDB
    eclipse配置mahout
    【MyBatis】Mapper XML 文件
    MyBatis Generator的使用
    IntelliJ IDEA 创建 Maven简单项目
  • 原文地址:https://www.cnblogs.com/amy-1205/p/5826672.html
Copyright © 2011-2022 走看看