Chrome DOM 元素的高度是否存在最大限制？

Chrome DOM 中是否有最大高度限制？

在 Chrome 中，DOM 元素的高度确实存在最大限制。根据官方文档及经验证实，Chrome 会截取超过 16,777,216 像素高度的部分。

这一限制也适用于 CSS 中所有涉及长度的值，包括宽度、边距、字体大小等。之所以存在这种限制，是因为 IEEE 安全限制、浏览器内核算法和数据结构的考量，以防止无限大的值导致内存溢出。

不同浏览器的内核也有自己的最大值限制：

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

需要注意的是，如果涉及到 Canvas，还存在一些额外的限制。