在不同的浏览器中,offsetWidth不相同

理查德

1px在FF和Chrome之间有区别element.offsetWidth

我一直在阅读试图理解问题。试图重置CSS,尝试将元素从屏幕边框附近移开(我记得,如果旧的IE在屏幕边框附近10px时会出现问题)。找到了有关FF需要setTimeout的答案,但没有找到原因的答案...

仍然没有解决方案。我想用香草JS或CSS来理解/修复它。

题:

为什么会这样,我该如何在CSS中使值保持一致?

jsFiddle:http : //jsfiddle.net/f35j2/show/

html

<div id="wrapper" style="width: 203px; height: 203px;">
    <div id="inner" style="width: 50%; height: 50%; margin: auto; display: block;"></div>
</div>
埃曼Z

内部元素的宽度是一个非整数。FF和Chrome将数字四舍五入。您可以使用inner.getBoundingClientRect()。width(为101.5)来获得确切的宽度。

这是因为父元素为203px。不是202或204。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS模板在所有浏览器中都不相同(重叠div)

来自分类Dev

不同浏览器中相同rem大小的不同宽度

来自分类Dev

为什么示例Where2GetIt的URL相同,而台式机,Android浏览器和android Webview的结果却大不相同?

来自分类Dev

Gatsby 网站在 Firefox 上的外观和功能与其他浏览器大不相同 - JavaScript 被禁用?

来自分类Dev

如何检查和删除python中两个不同目录中不相同的文件?

来自分类Dev

Python相同的数据不相同,并且功能不同

来自分类Dev

在同一浏览器中使用的网站不同页面中的相同字体呈现不同

来自分类Dev

为什么在不同浏览器中显示相同功能的不同

来自分类Dev

相同的选择器在常规浏览器和硒中给出不同的结果

来自分类Dev

计算另一列不相同的不同行

来自分类Dev

电子邮件中的选项卡在不同的电子邮件浏览器上不相等

来自分类Dev

在Makefile中以相同或不相同的标记结束`define`的区别?

来自分类Dev

不同浏览器中的会话管理

来自分类Dev

在不同浏览器中的最高排名

来自分类Dev

不同浏览器中的定位问题

来自分类Dev

在不同浏览器中显示字体

来自分类Dev

在不同操作系统中的相同浏览器中进行CSS渲染

来自分类Dev

如果不同来源请求相同资源,浏览器会从缓存中拉出吗?

来自分类Dev

在不同操作系统中的相同浏览器中进行CSS渲染

来自分类Dev

并非所有自动化测试都在不同的浏览器中运行相同

来自分类Dev

Angularjs 2 Beta,在不同的浏览器会话中更新相同的数据

来自分类Dev

跨浏览器的相同文本的不同宽度

来自分类Dev

PHP字符串具有相同的编码(UTF8),并且在浏览器中显示为相同,但不相等

来自分类Dev

闭包中的'Int'与'UInt8'不相同

来自分类Dev

Java和.net中的加密结果不相同

来自分类Dev

Windows在alt + tab中的顺序不相同

来自分类Dev

Doskey中的`^&`和$$`行为相似但不相同

来自分类Dev

比较列表中的元素并打印(如果不相同)

来自分类Dev

Scanf在C中获取的数据量不相同

Related 相关文章

  1. 1

    CSS模板在所有浏览器中都不相同(重叠div)

  2. 2

    不同浏览器中相同rem大小的不同宽度

  3. 3

    为什么示例Where2GetIt的URL相同,而台式机,Android浏览器和android Webview的结果却大不相同?

  4. 4

    Gatsby 网站在 Firefox 上的外观和功能与其他浏览器大不相同 - JavaScript 被禁用?

  5. 5

    如何检查和删除python中两个不同目录中不相同的文件?

  6. 6

    Python相同的数据不相同,并且功能不同

  7. 7

    在同一浏览器中使用的网站不同页面中的相同字体呈现不同

  8. 8

    为什么在不同浏览器中显示相同功能的不同

  9. 9

    相同的选择器在常规浏览器和硒中给出不同的结果

  10. 10

    计算另一列不相同的不同行

  11. 11

    电子邮件中的选项卡在不同的电子邮件浏览器上不相等

  12. 12

    在Makefile中以相同或不相同的标记结束`define`的区别?

  13. 13

    不同浏览器中的会话管理

  14. 14

    在不同浏览器中的最高排名

  15. 15

    不同浏览器中的定位问题

  16. 16

    在不同浏览器中显示字体

  17. 17

    在不同操作系统中的相同浏览器中进行CSS渲染

  18. 18

    如果不同来源请求相同资源,浏览器会从缓存中拉出吗?

  19. 19

    在不同操作系统中的相同浏览器中进行CSS渲染

  20. 20

    并非所有自动化测试都在不同的浏览器中运行相同

  21. 21

    Angularjs 2 Beta,在不同的浏览器会话中更新相同的数据

  22. 22

    跨浏览器的相同文本的不同宽度

  23. 23

    PHP字符串具有相同的编码(UTF8),并且在浏览器中显示为相同,但不相等

  24. 24

    闭包中的'Int'与'UInt8'不相同

  25. 25

    Java和.net中的加密结果不相同

  26. 26

    Windows在alt + tab中的顺序不相同

  27. 27

    Doskey中的`^&`和$$`行为相似但不相同

  28. 28

    比较列表中的元素并打印(如果不相同)

  29. 29

    Scanf在C中获取的数据量不相同

热门标签

归档