【问题标题】:How to use scaleable pixels in css如何在 CSS 中使用可缩放像素
【发布时间】:2015-12-22 21:49:22
【问题描述】:

我遵循材料设计规范,所有文本大小值都以 sp 表示。

例如副标题字体:Roboto Medium 14sp

如何在css中设置?

【问题讨论】:

  • 建议您阅读此问题的答案:stackoverflow.com/questions/2069810/…
  • 似乎是特定于 Android 的?
  • SP 指的是缩放像素,您在大多数当前移动设备上都会遇到这种情况。您可以尝试使用 CSS 摆脱基于像素的字体规范

标签: css material-design


【解决方案1】:

SP 指的是缩放像素,您在当今的大多数移动设备上都会遇到这种情况。您可以通过使用 CSS“em”表示法来摆脱像素表示法,该表示法指定 1 em 相当于 16 像素的文本大小。所以 14 个像素就是 0.875em。

【讨论】:

  • 我有一个使用rem的想法。如果我使用 1.4rem 会和 14sp 一样吗? (假设基础字体大小设置为 62.5%)
  • 当然,这避免了元素内元素的复合效应产生不希望的净字体大小。 rem 指定您的元素将使用文档根字体大小作为参考点,并将简化您的生活。这是一个有效的选择。
猜你喜欢
  • 2018-12-22
  • 1970-01-01
  • 2011-12-14
  • 1970-01-01
  • 2018-07-19
  • 2013-01-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多