Chrome 中 DOM 元素高度真的有上限吗？

积累知识，胜过积蓄金银！毕竟在文章开发的过程中，会遇到各种各样的问题，往往都是一些细节知识点还没有掌握好而导致的，因此基础知识点的积累是很重要的。下面本文《Chrome 中 DOM 元素高度真的有上限吗？ 》，就带大家讲解一下知识点，若是你对本文感兴趣，或者是想搞懂其中某个知识点，就请你继续往下看吧~

Chrome 中元素高度是否受限？

问题描述：开发人员发现，Chrome 似乎对 DOM 元素的高度设有上限，约为 16777000 像素。经过查阅 MDN 文档后，未能找到相关限制说明，因此提出疑问。

解答：

不仅仅是 DOM 的宽高，DOM/CSS 中所有与长度相关的属性都有最大限制值。这种限制是为了符合 IEEE 安全规则、防止内存溢出而设定的，它是浏览器内核算法和数据结构考量下的权衡选择。

具体来说，不同浏览器内核有不同的最大长度限制：

• Gecko 内核（旧版 Firefox）：17,895,697
• Webkit 内核（Safari）：33,554,432
• Blink 内核（Chromium 系，包括 Chrome）：16,777,216
• Trident 内核（IE）：1,073,741,823

值得注意的是，如果涉及到 Canvas，还会存在额外的限制。

本篇关于《Chrome 中 DOM 元素高度真的有上限吗？ 》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！