Возможно, точность измерения зависит от разрешения экрана и не может быть точнее определенного значения. Однако, есть несколько вариантов, которые можно попробовать:
1. Использовать свойство getComputedStyle, которое вернет вычисленное значение CSS свойства. Например:
$(function() {
console.log(window.getComputedStyle($('.block')[0]).getPropertyValue('height'));
})
1. Установить размер блока с помощью CSS переменных и получить его значение через свойство getComputedStyle. Например:
<div class="block" style="--height: 81.643px;"></div>
.block {
height: var(--height);
}
$(function() {
console.log(window.getComputedStyle($('.block')[0]).getPropertyValue('--height'));
})
Этот подход позволяет задавать размеры блока с большей точностью, используя переменные CSS.
1. Использовать единицы измерения, позволяющие более точное определение размеров, например, rem или em.
Например, если размер шрифта установлен на 16px, то 0.001rem будет соответствовать 0.01px:
<div class="block" style="height:0.001rem"></div>
$(function() {
console.log($('.block')[0].getBoundingClientRect().height);
})
Но следует учитывать, что использование таких единиц измерения может привести к проблемам с масштабированием и адаптивностью.
