在HTML中定义的HTML doctype使字体变小

  • 本文关键字:HTML 字体 定义 doctype html
  • 更新时间 :
  • 英文 :


当我在HTML中包含Doctype条目时,字体显示的尺寸变小了,对齐方式也扭曲了。我包含doctype是为了避免一些css样式不能正确显示。

我使用的Doctype是,

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

请给我一个建议,以避免字体大小的变化和对齐

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

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

请确保在font size:

后面加上px

字体大小:24 px;

我有同样的问题,它对我有效。

纠正我,如果我错了,但我猜这是因为doctype是严格的。

较长的文档类型是首选,因为它使浏览器处于标准模式(又名严格模式),而较短的版本或根本没有文档类型会给您提供Quirks模式。这就是大小差异的原因。

你试过HTML5文档类型吗?

<!doctype html>

也许会有所不同

试着阅读上面的链接。也许你会发现一些有用的东西。

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

https://hsivonen.fi/doctype/

最新更新