關於JS獲取元素寬度的一點兒思考

由於最近在作一個圖片佈局的東西,採用的是浮動方式(PS:通過查資料後,結論是浮動佈局性能沒有絕對定位高。有哪位大神能夠詳細說說麼?)佈局

好像歪樓了,迴歸正題。性能

問題出現背景:

由於圖片佈局須要比較精確的寬度數據,用來對圖片進行處理。直接在resize的時候使用元素的offsetWidth來獲取寬度數據。但在resize的時候,發如今某些時候會出現佈局錯誤。通過一番查找,問題出在元素寬度表現爲帶小數的時候,經過JS獲取到的元素寬度始終爲四捨五入事後的整數。code

問題解決方案:

  • 第一種:經過style.width獲取設置的精確值。圖片

    > 這種解決方式實際上沒什麼用,由於設置通常也沒人會去預設爲帶小數的值。出現帶小數的值,通常都是自適應出現的。
  • 第二種:堵不如疏自適應

    > 既然直接彷佛得不到解決,那就經過偏差處理的方式來解決。即對JS獲取到的數據進行正負0.5px的處理。具體是正仍是負,就看你想作什麼了。

結論:

暫時只能這樣解決了,若是有更好的解決方式,還望告知,感激涕零。數據

相關文章
相關標籤/搜索