【问题标题】:How does a user benefit from "em" measurements instead of "px"?用户如何从“em”测量而不是“px”中受益?
【发布时间】:2019-02-22 23:08:59
【问题描述】:

我已经阅读了很多关于“字体大小”的“em”度量的文章,我注意到有些人说,特别是残疾用户可以从“em”中受益,因为他们可以调整字体大小。

我是 CSS 和 HTML 的新手,我不明白它是如何工作的。 据我了解,作为用户,我总是可以放大浏览器中的查看大小。当我一直使用“px”时,这不也有效吗?

【问题讨论】:

  • Why em instead of px?的可能重复
  • “当我一直使用“px”时,这不也有效吗?”是的,但过去并非如此。
  • 这是否意味着今天的“px”和“em”没有区别,当用户在浏览器中切换大小时,大小会自行调整??

标签: html css font-size


【解决方案1】:

Em 代表页面的默认大小,例如,1em 可能是 12px,但对于更大的屏幕可能是其他东西,可能是 16px2em 的大小是 1em 的两倍。

要点是em 随屏幕分辨率缩放,是响应式设计的不错选择。

另一方面,Px 是一个特定的、固定的尺寸指南,其中一个像素是屏幕上的一个正方形。所以12px 在一个屏幕上可能在大屏幕上看起来很小。

我建议在大多数情况下使用 em,除非有充分的理由需要特定的像素大小。

【讨论】:

  • rem 和 em 一样吗?
  • @Kal em 是相对于父元素的,所以每个元素都应该考虑它的父元素,而 rem 是相对于根元素的,所以所有元素都会有相同的引用
  • 所以 rem 对于所有对象的一致性可能会更好,对吧?无论其父尺寸是多少,所有 h1 的尺寸都将相同?
  • @curtis 所以我不必先在“px”中设置父级?我只想说标题是 1em,下面的段落是 0.9em?而用户的屏幕分辨率决定了1em,或者0.9em是多少“px”,对吧?
  • @Hip Right。这是一个解释如何使用 rem 和 em 的网站。 j.eremy.net/confused-about-rem-and-em
猜你喜欢
  • 2014-03-19
  • 2010-10-11
  • 2016-08-08
  • 2012-09-09
  • 2021-09-04
  • 2010-12-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多