相关疑难解决方法(0)

CSS:100%字体大小 - 100%的什么?

关于百分比大小与其他大小的字体有很多 文章问题.但是,我无法找出百分比值的引用应该是什么.我知道这在所有浏览器中都是"相同的尺寸".我也读过这个,例如:

百分比(%):百分比单位与"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%;
}
Run Code Online (Sandbox Code Playgroud)

因此,通过这样做,什么是字体大小相对于?我注意到我在屏幕上看到的尺寸因每种字体而异.例如,Arial看起来比Times New Roman更大.另外,如果我这样做,体型= 100%,这是否意味着它在所有浏览器上都是一样的?或者只有我首先定义一个绝对值?

更新,SAT JUL 23

我到了那里,但请耐心等待.

因此,如果我理解正确,%值与默认浏览器字体大小相关.嗯,这很好,但再次给我几个问题:

  1. 这个标准尺寸对于每个浏览器版本是否始终相同,或者它们是否因版本而异?
  2. 一世 !找到了(见下图)Google Chrome的设置(以前从未看过这个!),我看到标准的"serif","sans-serif"和"monospace"设置.但是我如何解释其他字体呢?假设我定义font: 100% Georgia;了浏览器的大小?它会查找serif的标准大小,还是"Georgia"字体是浏览器的标准大小
  3. 在几个网站上,我读过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或以此为基础).它是否正确? …

css font-size

134
推荐指数
5
解决办法
9万
查看次数

强制元素中的单行文本用CSS填充宽度

我有一个div包含一行文本的元素.如何让这段文字填充宽度100%?

text-align:justify仅处理具有多行文本的元素,并且对div单行没有影响.手动调整字母间距和字间距是丑陋和无效的.

还有其他选择吗?

html css text

21
推荐指数
1
解决办法
5万
查看次数

使文字高度达到div的100%?

我试图使文本100%的高度,div但它不起作用.
它只是100%的body { font-size:?; }.

有没有办法让它跟随div高度?
div高度是整个页面的4%,我wan't文本跟随它,当你调整大小/分辨率的变化.

css height fonts text

11
推荐指数
2
解决办法
4万
查看次数

标签 统计

css ×3

text ×2

font-size ×1

fonts ×1

height ×1

html ×1