有很多 有关百分比大小字体和其他大小字体的文章和问题。但是,我找不到百分比值的引用应该是什么。我了解这是“所有浏览器中的尺寸均相同”。我也读了这个,例如:
百分比(%):百分比单位与“ 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%,将那意味着它会在所有的浏览器一样的吗?还是仅当我首先定义一个绝对值时?
更新,7月23日
我要到达那里,但是请忍受我。
因此,如果我理解正确,%值与默认浏览器字体大小有关。好吧,那很好,但再次给我其他几个问题:
- 每个浏览器版本的标准大小是否总是相同,还是在不同版本之间不同?
- 一世 !找到(见下图)谷歌浏览器的设置(以前从未看过!),我看到了标准的“ serif”,“ sans-serif”和“ monospace”设置。但是,如何将其解释为其他字体?说我定义
font: 100% Georgia;
,浏览器将采用什么尺寸?它会为衬线查找标准尺寸,还是将“ 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或pt为基础)。这样对吗?
Google设置:
这是我想的东西会看起来像,如果你不以绝对值定义大小。