我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>
内部元素的宽度是一个非整数。FF和Chrome将数字四舍五入。您可以使用inner.getBoundingClientRect()。width(为101.5)来获得确切的宽度。
这是因为父元素为203px。不是202或204。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句