@rtfmmftr
кратко о себе

Как убрать таинственные отступы у h1...h6?

Даже после ресета у заголовков по-прежнему присутствуют нежелательные пустые промежутки сверху и снизу. Чем больше размер шрифта тем лучше видно. Принадлежат именно заголовку, можно убедиться в инспекторе. Пример
Кодпен
Требуется чтобы самая верхняя точка самой высокой буквы касалась блока-родителя.
Добавление к h1 line-height: 0.7em помогает приблизительно избавиться от них, но
1. несколько пикселей по-прежнему остаются. можно продолжать подбирать руками, но...
2. решение непрозрачно
3. потенциальные проблемы с разными семействами, размерами, единицами измерения шрифта
4. трудно попасть в pixel perfect
Собственно, откуда они взялись и как их побороть. Возможно с помощью операций в sass
  • Вопрос задан
  • 5037 просмотров
Решения вопроса 1
andykov
@andykov
Shit happens
Решения нет и не будет, так работает рендеринг шрифта.
Подгоните единожды line-height и не парьтесь, PP вам тут не добиться
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
@YNile
JS Developer
Это не таинственные отступы, это - line-height
Ответ написан
Комментировать
keslo
@keslo
Может line-height поиграться?
Ответ написан
Комментировать
@Erling
У них margin стоит по умолчанию, кроме line-height который создает отступы.
Ставьте margin:0; А далее корректируйте как надо.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы