• html5中px和em的区别是什么

    区别:

    1. 单位长度不同,px是数字化图像长度单位,em是字符宽度的倍数;
    2. 相对对象不同,px是相对于显示器屏幕分辨率而言的,em是相对于当前对象内文本的字体尺寸。
    3. px的值是固定的,指定是多少就是多少,计算比较容易;em的值不是固定的,并且em会继承父级元素的字体大小。

    PX

    px像素(Pixel)。像素px是相对于显示器屏幕分辨率而言的。

    PX特点

    1、IE无法调整那些使用px作为单位的字体大小;

    2、国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;

    3、Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。

    EM

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

    EM特点

    1、em的值并不是固定的;

    2、em会继承父级元素的字体大小。

    px、em的区别:

    1、单位长度不同

    px是数字化图像长度单位,em是字符宽度的倍数。

    2、相对对象不同

    px是相对于显示器屏幕分辨率而言的,em是相对于当前对象内文本的字体尺寸。

    3、值不同

    px的值是固定的,指定是多少就是多少,计算比较容易。 em的值不是固定的,并且 em 会继承父级元素的字体大小。

    注意:

    任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em,也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

    所以我们在写CSS的时候,需要注意两点:

    1、body选择器中声明Font-size=62.5%;

    2、将你的原来的px数值除以10,然后换上em作为单位;

    3、重新计算那些被放大的字体的em数值。避免字体大小的重复声明。

    也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em,那么在声明p的字体大小时就只能是1em,而不是1.2em, 因为此em非彼em,它因继承#content的字体高而变为了1em=12px。

  • 发表回复

    阳康后性生活算剧烈运动吗?想备孕怎么办

    随着第一波新冠大感染渐趋缓和,关于各种“新冠后遗症”的猜测与疑问流传开来。其中最引人注目的话题之一,便是两性相关。 阳康 …

    眼镜布不是擦眼镜的,难怪镜片上有划痕

    在镜面上哈一口气,再拿衣角、眼镜布、纸巾等物品擦拭,这是不是你擦眼镜的动作?但是,眼镜布可不是用来擦拭镜片的,而是用来保 …

    珍珠奶茶里的珍珠需要多久才能消化(奶茶珍珠多久可以消化)

    珍珠奶茶是生活中常见的一种饮品,很多人喜欢喝,但珍珠奶茶里面的珍珠不太好消化,请问要多久才能消化完毕啊? 珍珠奶茶里的珍 …

    酸菜鱼家常的做法和步骤 酸菜鱼的家常做法简单

    1、鲤鱼1条(1000克左右),陈年泡青酸菜250克。辅料鸡蛋清1个,混合油40克,汤1250克,精盐4克,味精3克,胡 …

    葡萄干曲奇饼干的做法 葡萄干曲奇饼干的做法 烤箱窍门

    1、准备小麦面粉115g、黄油75g、鸡蛋1个、葡萄干35g、白糖60g。 2、黄油室温软化,或者隔水加热软化。我用的是 …

    空气炸锅怎么做麻酱烧饼 空气炸锅怎么做麻酱烧饼好吃

    1、把面粉和小苏打混合,用水糅合成偏软的面团,记住不要过分糅合,因为时间久了面会很筋发硬。切记。之后醒面30分钟。 2、 …