Как вычислить ширину элемента вплоть до сотых пикселя с помощью js или jquery?

Question

[balex777]

Привет, ты надо получить ширину элемента через jquery. У элемента вот такая ширина 202.45px, а $('selector').width(); выдает целое число 202.
Как получить 202.45?

Comments

[twobomb]

Как можно разделить пиксель на несколько частей?
Если у вас ширина экрана 1920 то значит там всего 1920 пикселей в ширину, и нету 202.5 с половиной пискеля, это как пол пикселя должно светится? Может быть физических или 202 или 203.

[Ярослав Иванов]

twobomb, крайний пиксель менее яркий)
202.45
203'й пиксель яркий на 45%

[twobomb]

Ярослав Иванов, Не факт, разные браузеры отрисовывают по разному может получится эффект антиалиасинга когда он полупрозрачный, ну чаще всего округляют. Но по факту то у нас 202 или 203 пикселя. Зачем нужна эта ширина? Она может получится только на элементах заданных относительными величинами, когда в итоге получается дробное число. И это число будет на разных мониторах разное, да даже если масштаб в браузере менять будет разное, ну какая разница, необходимо просто округлять его и всё.
P.S. А задавать ширину в пикселях в ручную дробную, это вообще полнейший бред.

[balex777]

twobomb, По вашему я сам с головы взял эти значения? вот так вот браузер делит и все тут 202.45 px

[balex777]

twobomb, У меня 10 дивов на ширину 1920. Один фиксированный 80 px остальные поровну на всю ширину экрана, ну и вот 1 840 / 9 = 204,444444444

[twobomb]

balex777, Я всё понимаю, ну чем вас округленный вариант не устроил? Что вам дает эта дробь? Вы даже не сможете получить обратное значение умножив это на то же число. А особенно какие погрешности у js получаются при работе с такими дробями вы вообще окончательно запутаетесь.

[balex777]

twobomb, эти дивы зафиксированы и под этими дивами, есть подобные дивы которые выводят инфу под каждой нужной колонкой, и у них есть бордер справа и слева, и то что на выходе каждые пол пикселя к концу эти границы смещают

Answer 1

[McBernar]

const element = document.getElementById('id')
const width = getComputedStyle(element).width

Answer 2

[Степан Крапивин]

использовать вместо jquery.width() нативный getBoundingClientRect()