关于百分比大小与其他大小的字体有很多 文章和问题.但是,我无法找出百分比值的引用应该是什么.我知道这在所有浏览器中都是"相同的尺寸".我也读过这个,例如:
百分比(%):百分比单位与"em"单位非常相似,除了一些基本差异.首先,当前的字体大小等于100%(即12pt = 100%).使用百分比单位时,您的文本仍可完全扩展到移动设备和可访问性.
资料来源:http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
但如果你说"即12 pt = 100%",那么这意味着你首先必须定义font-size: 12pt.它是如何工作的？您首先在绝对度量中定义大小,然后将其称为"100%"？没有多大意义,因为许多样本说它有用:
body {
font-size: 100%;
}
因此,通过这样做,什么是字体大小相对于？我注意到我在屏幕上看到的尺寸因每种字体而异.例如,Arial看起来比Times New Roman更大.另外,如果我这样做,体型= 100%,这是否意味着它在所有浏览器上都是一样的？或者只有我首先定义一个绝对值？
更新,SAT JUL 23
我到了那里,但请耐心等待.
因此,如果我理解正确,%值与默认浏览器字体大小相关.嗯,这很好,但再次给我几个问题:
font: 100% Georgia;了浏览器的大小？它会查找serif的标准大小,还是"Georgia"字体是浏览器的标准大小Sizing text and line-height in ems, with a percentage specified on the body [..], was shown to provide **accurate, resizable text across all browsers** in common use today.但是从我现在正在学习的内容来看,我相信你应该在可调整大小的文本(使用%或em,就像他们在这个引用中推荐的那样)或者在浏览器中具有"准确,一致的字体大小"(通过使用px或以此为基础).它是否正确？ …那些在调整字体大小时使用em的人会知道在处理嵌套元素时他们会很头疼,并且必须进行px - > em计算(以确保你的设计解释正确@ 100%)会消耗额外的时间.
考虑到这些(当然是次要的)问题,并且考虑到主要浏览器在本地处理页面缩放/缩放等可访问性问题方面取得的最新进展,是否正在使用em来调整仍然值得考虑的字体？*
*排除旧版浏览器(IE6)支持.
我最近读过很多关于调整字体大小的文章,其中大部分都是使用px作为一种不可饶恕的犯罪而嘲笑(好吧,也许不是那么糟糕,你明白了),因为它在旧浏览器中没有正确调整大小.
我真的希望有一个我自己使用的标准,过去曾经是px,只是因为它简单易懂,并且很容易实现设计中指定的确切字体大小 - 但我现在怀疑使用PX.
我最近在一个项目中使用了em,因为它需要使用jQuery创建的文本大小调整功能.但是我发现它非常令人沮丧,因为如果你有两个元素并且指定了em大小,那么em放大的方式(希望有意义)
所以我想知道使用%进行字体大小调整,我看到有几个大网站使用这种技术(即雅虎),据我所知它似乎具有em的所有优点而没有令人难以置信的恼人放大的东西.
简而言之,我只是想知道在CSS中使用%进行字体大小调整是否存在任何问题？在字体大小调整方面,它比使用PX更好吗？有没有明显的退款？
如果问题前面的问题有点多,请道歉:/我仍然习惯了整个QA的事情
在创建网页时,我们如何跨浏览器实现一致的字体大小.我"font-size: 11pt; font-family: Helvetica,'Lucida Grande'"在CSS中使用了类似的东西,但在Firefox,IE,谷歌Chrome和Safari中的文字看起来不同(甚至在不同的平台上也没有).基本上在运行Windows Vista的同一台机器上,我在不同的浏览器下获得了不同的外观和感觉.
如何解决这个问题,以便所有不同浏览器上的文本大小相同.
可能重复:
CSS中的字体大小 - %或em？
好吧,我试图了解css中不同的大小选项,我在ems和百分比之间迷失了.
他们似乎是相同的,我的意思是1em = 150%和1.5em = 150%.
它们也会从父元素中进行级联.
我错过了什么吗？
% 和 em 长度值有什么区别？如果包含元素的字体大小为 10px，则 1em = 10px 等为 100% = 10px。Stackoverflow 中的所有答案都没有回答这个特定问题。