微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Chrome 开发工具:检查器显示错误的元素大小?

如何解决Chrome 开发工具:检查器显示错误的元素大小?

enter image description here

在上面的屏幕截图中,您可以看到元素的宽度为 795.594。 width() 和 chrome 开发工具检查器显示相同的值。

在下面的截图中,我在当前元素中添加padding-right:18px,可以看到dev工具显示的宽度为798.33,而width()显示的宽度为780。我理解Dev显示的宽度工具包含内边距的宽度,而 width() 不包含,但是这个数字 798.33 是从哪里来的?

enter image description here

HTML 就像

//绿色方块 ...... // 左边的小空间 一些东西.... //添加 padding-right:18px 会引发问题 某某 ......

解决方法

检查元素时查看 CSS 部分

  • CSS 是否显示不同的值?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。