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

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

  • 会员

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

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

    发表回复

    大盘鸡怎么做

    大盘鸡是新疆名菜,起源于20世纪80年代后期,主要用料为鸡块和土豆块,配皮带面烹饪而成。特点是色彩鲜艳,鸡肉爽滑麻辣,土 …

    养肝护肝茶什么最好(护肝茶什么茶最好)

    肝脏的健康直接表现在脸上或身体的其他部位。很多人肝脏不好,脸上长痘痘,脸上看起来憔悴甚至发黄。因此,养肝对每个人来说都非 …

    腹泻不止怎么办?三个方法缓解腹泻

    现在很多人都经常处在忙碌的工作当中,很有可能会忽略自己的饮食,不正确的饮食可以说是引起男人腹泻常见的原因。如果出现腹泻可 …

    门上的双面胶怎么去掉

    门上的双面胶可以用风油精均匀涂抹在门上沾有双面胶的部位,也可以把吹风机开到热风,烘干、烤热双面胶,都可以去除门上的双面胶 …

    小虾怎么做好吃又营养 小虾怎么做好吃又有营养

    1、盐水河虾,做法:首先要将我们准备的河虾剪去虾须,然后将它洗干净,在我们准备的炒锅内加入一勺汤水,再加入我们准备好的葱 …

    隶书可以商用吗

    隶书可以商用,国家规定宋体、楷体以及隶书都可以免费商用,不会涉及到侵权,随着国家对于知识产权的重视,各大行业都开始注重版 …

    芒果可以怎么吃 芒果可以怎么吃热的

    芒果,又名檬果、漭果、闷果、蜜望、望果、庵波罗果等。是很多人都非常喜欢吃的一种水果,它的营养丰富,吃了对身体有很多好处。 …

    24节气春分的特点和风俗

    春分那天过后,燕子就会从南方飞回来,春雷也会开始,闪电也会到来。24节气春分的特点和风俗有哪些你知道吗? 春分的特点 春 …

    抽脂减肥对身体有危害吗

    吸脂是整形美容外科中的一种塑身手术。越来越多的爱美人士采用这种方式减肥,可以快速改善肥胖,达到瘦身的目的。如果皮肤弹性好 …

    达人是怎样减肥的 减肥达人百度百科

    减肥不要盲目,多多吸取他人减肥成功的经验,能避免多走弯路。那么,达人是怎样减肥的呢?有没有什么珍藏的减肥妙招?对此,我特 …

    养生知识点总结归纳

    养生学是一门涉及诸多学科的综合科学,它包括中华中医学、康复学、营养学、美学、心理学、国学、物理学、化学、艺术、烹饪、运动 …

    芹菜炒墨鱼怎么做 芹菜炒墨鱼怎么做的

    1、原料:墨鱼几个、芹菜、蒜苗、姜、油、盐、料酒各适量。 2、墨鱼清理干净。墨鱼切花刀。切成小块。 3、墨鱼在沸水中焯水 …

    面包美食知识最新

    放久的面包味道不佳,但又不愿意扔掉,但你只需要简单地切片、切块、调味再加上烘焙,就可以让放久的面包实现华丽的转身。 系列 …

    自制烤鱼怎么做好吃

    鱼肉质鲜嫩香甜可口不失为制作美食的一道美味佳肴,食材。大家在家里很多人都是采取蒸鱼煎鱼煮鱼等等方式,那么家庭自制烤鱼怎么 …

    吃南瓜会上火吗 天天吃南瓜会上火吗

    南瓜相信大家都不陌生,在夏秋季节经常可以在餐桌上看到,而且食用南瓜对于身体好处是有很多的,像抗衰老、防癌抗癌、解毒、促消 …

    莲雾吃起来有点涩(莲雾吃起来有点涩怎么回事)

    莲雾是生活中常见的水果,红艳艳的非常好看,昨天买了一袋莲雾,吃起来好像有点涩啊,这是怎么回事呢? 莲雾吃起来有点涩 1、 …

    皮肤起红斑溃烂(皮肤上起了红斑破皮为什么)

    皮肤起皮,撕掉后留下红斑,可能与银屑病、脂溢性皮炎、皮肤癣病等疾病有关,需要针对具体原因进行相应治疗。 1、银屑病 是一 …

    螃蟹隔夜可以吃吗(做好的螃蟹能隔夜第二天再吃吗?)

    螃蟹肉质鲜嫩,香甜可口,是最受欢迎的海鲜之一,螃蟹的营养价值较高,很多人喜欢吃,那么螃蟹隔夜可以吃吗? 螃蟹隔夜可以吃吗 …

    蟹吃多了有什么危害(蟹吃多了对身体有害处吗)

    螃蟹是一种很美味的食物,到了吃蟹的时节,有些人会不知节制的吃很多,那么蟹吃多了有些什么危害呢? 伤脾胃 螃蟹的性质偏寒, …

    育儿常识知识

    新爸妈必知的宝宝长牙5大阶段 1.2颗牙期,4-8个月,可吃马铃薯泥、蛋黄泥等 2.4颗牙期,8~12 个月,可吃肉泥、 …