2

我一直在我工作了很长时间的所有网站的所有维度上使用像素（+ 几个百分比在这里和那里）。

时不时地，我不断地看到关于 em 和 rem 的东西，并且一直在犹豫是否在像素上使用它们。

根据我的阅读，使用它们的最佳方法是将<html>元素的字体大小设置为 62.5%，以使 1em 等于 10 像素，然后指定与此相关的字体大小。

一些想法，我希望这里的人可以为我回答：

  • 如果您使用 em/rem 并且您正在构建您的网站并且您认为，此文本需要为 20px 并且您将其转换为 2em 那么为什么不首先使用像素呢？

  • 如果您将 em 用于尺寸并且想要添加图像背景尺寸并且它具有一组像素尺寸，那么您将其设置为 em 并且用户缩放，这不会破坏布局吗？

我已经读过，使用 em 可以让你在一个地方改变整个应用程序的相对字体大小（这是一个好主意，可能非常有用）但是如果你改变 html 标签上的 62.5%，1em 肯定不会更长等于 10px，因此您之前设置的简易性完全不在窗口中。

假设您有一个<div>并且您将它的背景图像设置为您之前在特定尺寸处创建的图像，并且它需要左侧的特定填充，您可以使用所有适当的尺寸和填充设置它的样式并在 em 和然后有人缩放肯定会破坏，因为您的盒子尺寸和精心制作的左侧填充物都完全脱离了窗户。

我也看过这个 sass mixin：

// font-size must be set to 62.5% on html
=font-size($size: 1.6, $line-height: $size * 1.25)
  font-size: ($size * 10) + px
  line-height: ($line-height * 10) + px
  font-size: $size + rem
  line-height: $line-height + rem

当然，如果有人在使用像素版本的浏览器中进行放大，并且您将其与使用 rem 版本的人进行比较，结果将会有所不同。？？？

我希望你们能澄清一些事情。在发布到这里之前，我已经阅读了很多关于这一切的内容，所以我想你会发布很多链接，说明去阅读这个。如上所述，我已经阅读了它们，并且在这篇文章之后仍然有上述问题。

4

0 回答 0