IE edge 下 clientWidth 为 0 的坑,Chrome 正常

Posted givingwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IE edge 下 clientWidth 为 0 的坑,Chrome 正常相关的知识,希望对你有一定的参考价值。

在IE下,渲染的 dom 元素初始 clientWidth 为 0,而 scrollWidth 有效。
而 chrome 表现则为一致。

Code

const tableWrapper = this.$refs.tableWrapper
const { scrollWidth, clientWidth } = tableWrapper
console.log(scrollWidth, clientWidth)

Chrome

技术分享图片

IE edge

技术分享图片


以上是关于IE edge 下 clientWidth 为 0 的坑,Chrome 正常的主要内容,如果未能解决你的问题,请参考以下文章

javascript判断浏览器是否为IE内核,edge

新版microsoft edge浏览器怎么设置主页

Win10默认edge浏览器经常卡死速度慢怎么办

停止 IE/Edge 窗口大小调整为 iframe 尺寸

IE/Edge 未应用转换:转换为表格行

IE 与 EDGE 浏览器驱动下载