• 所有问题

    • 响应式布局中为什么要使用em设置字体大小而不用px

    如题所述

    举报该问题
    推荐答案   2017-04-16
    px像素（Pixel）。相对长度单位。像素px是相对于不同设备显示器屏幕分辨率（pad/phone/pc）而言的。(引自CSS2.0手册)
    1em指的是一个字体的大小，它会继承父级元素的字体大小，因此并不是一个固定的值。任何浏览器的默认字体大小都是16px。
    px相对的屏幕分辨率，而em相对于父级div，所以在响应式布局中使用em更合适，因为任何浏览器默认字体大小是固定的，而不同设备屏幕分辨率却各不相同。
    em有如下特点：
    1. em的值并不是固定的；
    2. em会继承父级元素的字体大小。
    所以我们在写CSS的时候，需要注意两点：
    1. body选择器中声明font-size=62.5%；
    2. 将你的原来的px数值除以10，然后换上em作为单位；
    3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
    <body style="font-size:62.5%"> 1em默认是16px,这里1em变为10px
    <aside style="font-size:1.2em;"> 继承body这里的1.2em是12px
    <p style="font-size:1em;"></p>继承自aside,所以这里的1em也是12px
    </aside>
    </body>
    也就是避免1.2 * 1.2= 1.44的现象。比如说你在aside中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承aside的字体高而变为了1em=12px。
    温馨提示：答案为网友推荐，仅供参考
    相似回答
    em算法字体单位答：在网页设计中，推荐使用em作为字体单位，而非px。em的优势在于它支持IE6及以上的字体缩放功能，当用户在浏览页面时通过Ctrl+滚轮进行缩放，em单位的网站能更好地适应这种操作。px是绝对单位，不支持IE的缩放，因此在需要适应不同设备和用户操作的场景中，em显得更为实用。em的定义是相对于元素的字体高度...
    前端css px、em、rem三者的联系与区别答：1、px、em、rem、都是计量单位，都能表示尺寸。px为“绝对尺寸”，也并非真正的绝对。2、em、rem这两者都是相对尺寸，但两者的相对的对象不同，前者相对于父元素的字体尺寸，后者相对于根元素的字体尺寸。3、em和rem单位字体的大小是不固定，都是通过字体大小计算得到的像素值。所以两者多用于响应式布...
    彻底弄懂css中单位px和em,rem的区别答：px是像素点（Pixel）em是当前元素所使用的字体的大写英文字母M的宽度，之所以指定是M，是因为在比例字体中每个字母的宽度是不相等的（比如W和i的宽度就差别很大），而在等宽字体（比如汉字）中，每个字符的宽度是相等的，所以em就是字符的宽度（或者说是汉字宽度的一半）rem则是页面根元素的字体宽度（r...
    em值是什么意思?答：使用EM值可以增加网页的可读性和可访问性。当使用EM值时，文本的大小可以根据用户设置的偏好自适应变化，从而提高用户体验。为了使用EM值，开发人员需要在CSS文件中将字体大小指定为EM值，而不是固定的像素值。EM值的优点在于它可以自适应不同的用户设置，从而提高用户体验。另一个优点是，它可以简化网页的...
    移动网页开发中的字体用px还是em作为单位啊?答：你没有理解这两者的区别啊，px适合非响应式布局，也就是大小是固定的，即使浏览器缩小也不会变；而em相当于倍数关系，适合响应式布局，也就是页面会随着浏览器的大小去改变布局，比如字体会变大或者变小．
    大家正在搜
    响应式布局需要注意什么什么是响应式布局如何实现响应式网站用什么做web响应式布局如何做响应式布局响应式布局框架响应式布局的网站有哪些响应式网站布局div响应式布局
    相关问题
    移动网页开发中的字体用px还是em作为单位啊?
    相比px而言，在响应式web设计中，em有何优势
    flexible移动布局使用rem，但字体大小为什么使用px
    响应式和自适应布局的区别
    以em为单位，em不是可以继承父元素的字体大小吗？
    css响应式问题，图片随页面宽度等比例缩小该怎么设置
    写响应式布局的网站 用百分比布局好 还是直接用px布局好，他...