Я знаю, что существуют похожие вопросы, но ни на один из них нет ответов, которые я ищу.
У меня есть div с высотой 20px и шириной 11px. Но когда я пытаюсь получить его высоту и ширину с помощью getComputedStyle (), Chrome возвращает высоту 19.992px, где Firefox возвращает правильное значение. Масштаб моего браузера установлен на 100% (по умолчанию).
Если вы попытаетесь открыть эту Fiddle в Chrome и Firefox, вы увидите разницу.
//style.css
div{
height: 20px;
width: 11px;
background: red;
}
//script.js
const div = document.querySelector("div");
const text = document.querySelector("p");
text.textContent = "Height: " + window.getComputedStyle(div).height;
Почему есть различия или чем это вызвано?
Обновлено с изображениями
Chrome:
Firefox:
