css - 我们不应该只在排版上使用相对的 CSS 单位吗?

标签 css font-size typography measurement

当我开始在网页设计中找到自己的方法时,我总是使用“px”单位来定义边距、填充、字体大小等所有内容。然后我切换到相对单位。使用 EM 和 REM。

我理解使用 EM 或 REM 进行排版的概念。特别是对于响应式网站,它会派上用场。但我不明白为什么我应该将它们用于排版以外的其他元素(例如边距和填充)。因为当我们为小屏幕设置较大的字体大小时,边距和填充也会增加,这对于移动设备是不切实际的,我不希望这样。

那么我们应该只使用相对的 CSS 单位来排版吗?还是我误解了这些相关单位的动态并错误地使用了它们?

最佳答案

我会对垂直填充和边距使用相对测量,但对水平固定。这样,当用户设备更改字体大小时,垂直节奏得以保持,但不会水平挤压所有内容。

关于css - 我们不应该只在排版上使用相对的 CSS 单位吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34548883/

相关文章:

javascript - 使用切换按钮折叠/展开内容框

Firefox 中的 CSS 过渡

css - 从带 Angular $watch 中的元素中删除类

eclipse - 如何在 Eclipse 中更改内容辅助(提案)的字体大小?

html - Canvas 上绘制的文本的抗锯齿效果不佳

types - 有通用的中文系统字体吗?

ios - 如何在 swift 中仅对一种字符组合设置字距调整?

css - 将 background-position 与 background-repeat 一起用于 CSS Sprite

html - 如何通过一次声明使字体大小响应不同大小的设备

wpf - 在 XAML 中怎么说 : default width and height for e. g。文本框