相比px而言,在响应式web设计中,em有何优势

PX:
PX实际上就是像素,用PX设置字体大小时,比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,如果改变了浏览器的缩放,这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说,就是一个大问题了。因此,这时就提出了使用“em”来定义Web页面的字体。
EM:
EM就是根据基准来缩放字体的大小。EM实质是一个相对值,而非具体的数值。这种技术需要一个参考点,一般都是以的“font-size”为基准。如TOPVE唯艺互动的基准就是16px=1em。
em有如下特点:

  1. em的值并不是固定的;
  2. em会继承父级元素的字体大小。
    另外,em是相对于父元素的属性而计算的,如果想计算px和em之间的换算
    1、任意浏览器的默认字体大小都是16px。
    2、所有未经调整的浏览器都符合: 1em=16px 12px=0.75em 10px=0.625em
    3、为了简化font-size的换算,在body选择器中声明font-size:62.5%,这就使em值变为
    12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。
    以上就是TOPVE唯艺互动对于响应式网站设计中PX与EM优缺点的总结和整理。如果您还对此有疑问,可以到他们网站看看他们是怎么使用EM和PX来进行网站设计的。

你可能感兴趣的:(相比px而言,在响应式web设计中,em有何优势)