html中定义的HTML doctype会使字体变小

时间:2014-03-14 10:14:42

标签: html

当我在HTML中包含Doctype条目时,字体显示的尺寸变小,对齐方式失真。我包含了doctype以避免某些css样式无法正常显示。

我使用的Doctype是,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

请给我一个避免字体大小改变和对齐的建议。

3 个答案:

答案 0 :(得分:1)

当您使用触发“标准模式”的doctype字符串时,如问题中提到的那样,您将获得浏览器具有的“标准模式”功能的全部 (它们因浏览器而异)。这通常包括按CSS规范处理字体大小,而不是通过quirks mode功能模拟旧版浏览器的错误。

因此,解决方案是使用规范的HTML和CSS。有关更详细的建议,应以可重现的方式确定具体问题。可能的问题:在怪癖模式下,medium之类的字体大小关键字可能会被错误地解释;字体大小设置为表格单元格的百分比可能会被误解为与浏览器的默认字体大小相关(而不是父元素的字体大小);和字体属性可能不会从body或其他封闭元素继承到表中。因此,您的页面现在可能依赖于其中的一些错误。

答案 1 :(得分:1)

确保在字体大小后放置px:

字体大小:24像素;

我有同样的问题,对我有用。

如果我错了,请纠正我,但我猜这是因为doctype严格。所以细节是预期的。

答案 2 :(得分:0)

较长的doctype是首选,因为它将浏览器置于标准模式(AKA严格模式),而短版本或根本没有doctype为您提供Quirks模式。这就是造成尺寸差异的原因。

所以你基本上尝试过HTML5 doctype吗?

<!doctype html>

也许它会有所作为

尝试阅读以上链接。也许你会找到有用的东西。

http://www.htmlgoodies.com/html5/markup/the-doctype-tag-and-its-effect-on-page-rendering.html

https://hsivonen.fi/doctype/