美食 健康 常识 生活 日常 合同 家居 养生 国学 心理学 中医 植物 营销 动物 汽车 管理 旅游 投资 人工智能 数字化 消费 元宇宙 金融 饮食 史学 经济
  • 会员

  • 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。

    html5中px和em的区别是什么
    微信扫码分享

    0

    0

    分享
  • 会员

  • 上一篇: 妙趣横生的算法C语言实现第二版PDF版

    下一篇: 组件间怎么通信?盘点Vue组件通信方式

    还没有评论,赶紧来抢沙发吧!

    怎样鉴定是渣女?

    谁都希望能遇到一个以诚相待,真心喜欢自己的异性知己,然而,在与异性的交往中,总会遇到一些渣女,最后不仅损失了金钱,也伤了 …

    芝麻油的做法 芝麻油的做法视频

    1、食材:白芝麻500g。 2、白芝麻加水淘洗。 3、捞出沥水。 4、放入炒锅先大火炒至芝麻圆鼓鼓,色泽枣红色,碾碎芝麻 …

    新冠阳过后为什么一直瞌睡无力

    可能是情绪突然放松、过度缺乏睡眠、机体能量过度消耗等导致。新冠阳过后是指之前感染了新型冠状病毒,经过加强护理或及时治疗后 …

    贫血怎么治疗?三种好用的治疗贫血的方法

    贫血是比较常见的血液疾病,严重的贫血会有很多不适的症状,生活中要做到以下三点防治贫血的出现。 1、生活的调理: 生活中不 …

    涂完防晒霜可以再喷防晒喷雾吗?防晒霜和防晒喷雾有什么区别?

    涂完防晒霜再喷防晒喷雾可以吗 可以的。 防晒霜和防晒喷雾都是防晒的一种化妆品,都具备比较好的防晒作用,对阳光中的紫外线有 …

    黄州东坡肉的做法 黄州哪家东坡肉好吃

    1、主料:猪肋条肉(五花肉)600克。 2、辅料:冬笋100克。 3、调料:黄酒25克,冰糖25克,小葱80克,盐1克, …

    老年人得哮喘的原因

    老年人哮喘饮食需要注意什么? 老年人哮喘的饮食多选择益肺、理气、止咳的食物,如梨、枇杷、百合、莲子等。忌辛辣刺激性食物, …

    螃蟹死了为什么不能吃 为什么螃蟹死了不可以吃

    螃蟹属于秋季比较美味的一种食物,很多家庭都会买很多来食用,但是螃蟹死亡也是一个问题那么螃蟹死了为什么不能吃了? 螃蟹死了 …

    猪腰花怎么炒好吃(猪腰花怎么炒好吃花)

    猪肉餐桌上最常见的肉类,而猪手、猪头以及猪耳朵等等,也是餐桌上比较常见的食物,当然还包括猪腰花,那么猪腰花怎么炒好吃? …

    要怎么做起泡胶,起泡胶是什么

    起泡胶是一种深受年轻人喜爱的玩具,因为流动性较好,颜色也比较好看,玩起来很解压。要怎么做起泡胶呢?做起泡胶需要准备透明胶 …

    柿子和香蕉能一起吃吗 柿子和苹果能一起吃吗

    秋天是柿子上市的季节,甜软可口的柿子很多人都喜欢吃,那么柿子和香蕉能一起吃吗?吃了柿子以后吃香蕉会怎么样?柿子和香蕉一起 …

    老年人哮喘诊断的主要方法(老年严重哮喘的症状与治疗)

    患哮喘后会出现什么明显症状 明显症状1、患者患哮喘后最初出现的症状是咳嗽。病人在初期的时候主要表现为长期的咳嗽,常常是夜 …

    西梅和牛奶能不能同时服用吗()

    西梅是一种味道清甜多汁,富含维生素的水果,而牛奶是一种富含钙质、蛋白质的饮品,听说西梅和牛奶能不能同时服用,这是什么原因 …

    椰青怎么吃

    椰青可以搭配鸡肉一起食用,切掉椰青上半部分1/4,将汤汁倒入容器中,鸡腿清洗后切成块状,沸水过一下取出沥干水封,装入椰子 …

    2022霜降的饮食药膳推荐

    2022霜降的饮食药膳推荐有哪些你知道吗?霜降节气含有天气渐冷、开始降霜的意思。纬度偏南的南方地区,平均气温多在16℃左 …

    长期喝水不足会有什么症状

    因为工作忙或者时间限制,很多人没有主动喝水的习惯。当我们感到口渴时,我们的身体明显缺水,这对我们的健康不利。那么饮水不足 …

    老鼠尿怎么才能洗干净

    老鼠尿可以使用洗衣液、漂白剂、柠檬水洗干净,将洗衣液涂抹在有老鼠尿的位置,五分钟后开始揉搓,或者将漂白剂稀释后,擦拭在有 …

    无机化学知识点整理

    无机化学知识点整理 铝及其铝的化合物 (1)铝及其铝的化合物的知识体系 (2)铝 ①铝在周期表中的位置和物理性质 铝在周 …

    杏鲍菇炒土豆片步骤 杏鲍菇炒土豆片怎么做

    1、材料:杏鲍菇600g、土豆500g、生抽、盐、鸡汤。 2、杏鲍菇洗净切片,土豆洗净去皮切片备用。 3、爆香葱姜,土豆 …

    红豆薏米水没煮熟能喝吗(薏米红豆可以煮了只喝水吗)

    红豆薏米水是一道营养丰富,口感清爽的养生良品,但是有时候蒸煮的时间不够会没熟,不知道红豆薏米水没煮熟能喝吗? 红豆薏米水 …