使用百分比字体大小？

2018-07-01 10:01:03

我最近阅读了一些关于调整字体大小的文章，其中大部分是用px作为不可饶恕的犯罪（好吧，也许不是那么糟糕，你明白了），因为它在旧版浏览器中不能正确调整大小。

我真的想拥有一个我自己使用的标准，过去一直是px，因为它很简单，易于理解，并且很容易实现设计中指定的确切字体大小 - 但我现在怀疑使用PX。

我最近在一个项目中使用了em，因为它需要我使用jQuery进行文本大小调整的功能。但是我发现它非常令人沮丧，因为如果你有两个元素放在一起，那么em的放大方式都是指定的em尺寸（希望是有道理的）

所以我很想知道如何使用％进行字体大小调整，我已经看到一些大型网站使用这种技术（即雅虎），并且据我所知，它似乎具有所有的优点而没有令人难以置信的烦人的放大效果。

所以简而言之，我只是想知道在CSS中使用％来设置字体大小是否存在问题？ 在字体大小调整方面，它会比使用PX更好吗？ 有没有明显的缺点？

道歉，如果在问题之前blurb是一点点：/我仍然习惯整个质量保证的事情

在CSS3中，使用rem （root em ）。大小不会受到父元素的em大小的影响。

尝试使用这个

body {
  margin: 0px;
  padding: 0px;
  font-size: 62.5%;
}

body>#wrapper {
  font-size:1em;
}

所以，当你在“包装器”里面说出像1em这样的东西时，你的尺寸会非常类似于10px。这里是一个示例表格：

3em == 30px
.5em == 5px
8.5em == 85px

这将有助于你的转变

Pd：当然，你需要一个身体后面的包装标签

据我所知，网页设计中的标准是使用百分比来设置正文中的字体大小，然后使用ems改变字体大小。您可以使用身体标签以外的百分比而不会产生不良副作用，但我认为许多开发人员发现易于使用ems（任何人都可以自由地检查我）。

如果您使用ems设置正文字体大小，则会带来危险; 旧的浏览器窒息并错误地显示文本，尤其是在缩放时。

链接地址: http://www.djcxy.com/p/87615.html