关于JS获取元素宽度的一点儿思考
发布在点点滴滴2015年2月6日view:1551
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

因为最近在做一个图片布局的东西,采用的是浮动方式(PS:经过查资料后,结论是浮动布局性能没有绝对定位高。有哪位大神可以详细说说么?)

好像歪楼了,回归正题。

问题出现背景:

因为图片布局需要比较精确的宽度数据,用来对图片进行处理。直接在resize的时候使用元素的offsetWidth来获取宽度数据。但在resize的时候,发现在某些时候会出现布局错误。经过一番查找,问题出在元素宽度表现为带小数的时候,通过JS获取到的元素宽度始终为四舍五入过后的整数。

问题解决方案:

  • 第一种:通过style.width获取设置的精确值。

    这种解决方式实际上没什么用,因为设置一般也没人会去预设为带小数的值。出现带小数的值,一般都是自适应出现的。

  • 第二种:堵不如疏

    既然直接似乎得不到解决,那就通过误差处理的方式来解决。即对JS获取到的数据进行正负0.5px的处理。具体是正还是负,就看你想做什么了。

结论:

暂时只能这样解决了,如果有更好的解决方式,还望告知,感激不尽。

评论
发表评论
暂无评论
WRITTEN BY
myqianlan
走走停停,不忘初心。with an unchangable heart, we can expect that a good beginning makes a wonderful ending.
TA的新浪微博
PUBLISHED IN
点点滴滴

遇问题,记录之,分享之。

我的收藏