HTML字体可以设百分比嘛,使用百分比字体大小?

您所在的位置:网站首页 div怎么设置字体大小 HTML字体可以设百分比嘛,使用百分比字体大小?

HTML字体可以设百分比嘛,使用百分比字体大小?

2024-06-08 21:40| 来源: 网络整理| 查看: 265

我最近阅读了一些关于调整字体大小的文章,其中大部分是用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/15333.html



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3