chrome devtools показывает различное значение высоты

#html #css #google-chrome-devtools

Вопрос:

Вот мой код

 lt;!DOCTYPE htmlgt; lt;html lang="en"gt;  lt;headgt;  lt;meta charset="UTF-8" /gt;  lt;meta http-equiv="X-UA-Compatible" content="IE=edge" /gt;  lt;meta name="viewport" content="width=device-width" initial-scale=1.0"/gt;  lt;titlegt;Documentlt;/titlegt;  lt;/headgt;  lt;stylegt;  * {  margin: 0;  padding: 0;  font-size: 16px;  line-height: 21px;  }   .mother {  background-color: green;  }  lt;/stylegt;   lt;bodygt;  lt;div class="mother"gt;testlt;/divgt;  lt;/bodygt; lt;/htmlgt;  

Я не установил конкретное значение высоты в div(.мать) Я ожидал, что высота div(.mother) должна быть 21px, потому что моя высота строки составляет 21px

но chorom devtool показывает значение weried 20,99 пикселей (уровень масштабирования 100%)

мы использовали значение в chrome

почему chrome devtools показывает мне 20,99 пикселей, а не 21 пиксель???

в firefox я могу получить разрешение 21px (уровень масштабирования 100%)

инструменты для разработки firefox

Это безумие, если кто-нибудь знает, пожалуйста, ответьте мне