IE浏览器文档标准模式与文档兼容模式的区别

原创于 2015-12-26 16:52:35 发布 · 1.4k 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文通过一个简单的HTML示例介绍了在不同IE浏览器模式（标准模式与兼容模式）下设置CSS字体大小的问题，并提供了简单有效的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、先上代码

<html>
<body>

<p id="p1">Hello world!</p>

<script>
	document.getElementById("p1").style.fontSize = 100;
</script>

</body>
</html>

2、区别

2.1 文档标准模式

2.2 文档兼容模式

3、解决办法

数值后面追加上px单位

document.getElementById("p1").style.fontSize = "100px";
或
document.getElementById("p1").style.fontSize = 100 +"px";
总结：
IE浏览器会有标准模式和兼容模式的区别，其他浏览器不会有，所以建议属性='100px'这样子的属性赋值，一劳永逸！