Kalaganov5
@Kalaganov5
Маркетолог

Почему разная высота блока с текстом в chrome на mac и windows?

Адаптирую верстку под pixel perfect и столкнулся с разной высотой блоков на Windows и Mac в браузере Google Chrome.

Высота блока создается разной и под конец страницы верстка уже не попадает в блоки,
Использован normalize.css
Заданы параметры для шрифта
Задан шрифт из google fonts
Тест проводиться в Google Chrome
.review__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
}


Пример:
https://codepen.io/kalaganov5/pen/yLaQaVN

На этом примеры, различия в 1.2 px, на большом количестве текста это уже переваливает за 8px по вертикали, много

Открываем на Windows и видим
5fffca5d9fe3c802510838.png

Открываем на Mac и видим
5fffcbc8ce5da566450435.jpeg
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 2
wapster92
@wapster92 Куратор тега CSS
Системы рендерят шрифты по разному, по этому есть отличия. Никогда не получиться pp верстки на разных системах берите за эталон один браузер в одной системе.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы