Em делает шрифт слишком большим в браузере

Я немного новичок в интерфейсе веб-разработки, и у меня возникают проблемы с размерами шрифтов с помощью em; Я многому научился, просматривая этот сайт, но все еще есть некоторые проблемы.Em делает шрифт слишком большим в браузере

Я использую медиа-запросы, чтобы закодировать отзывчивый сайт. Когда я укажу свой размер шрифта текста навигации в ems, чтобы он выглядел хорошо на мобильном телефоне, он выглядит огромным, когда я просматриваю его в браузере рабочего стола. Я установил размер шрифта тела 62,5%, и я понимаю, что ems относительно этого.

Любые мысли?

Обновление: Спасибо, Джеки! Моя проблема была в том, что я не думал о том, как ems будет вести себя в дочерних элементах.

источник

2015-03-11 guitarbound2015

У вас есть метатег в области просмотра в начале документа? – dowomenfart

Покажите свой код и объясните, что вы действительно пытаетесь сделать. И 'em' (размер шрифта) - размер шрифта родительского элемента (который может быть или не быть элементом body). –

Em также смотрит на относительное пространство, так что любые значения em установлены на родителя, и он будет стекать к вашему ребенку. Проблема использования em заключается в том, что вы должны знать (и помнить) размер родителя, потому что он является основой для поведения остальных типов. Я бы предложил использовать REM, поскольку они более верны корню.

В приведенном ниже примере родитель будет учитывать размер шрифта вашего тела до 62,5%, а затем увеличивать его соответственно, а потом ребенок будет смотреть на родителя, поскольку это фактический размер шрифта.

<style> 
    .parent { font-size:1.5em } 
    .child { font-size:1em } 
</style> 
<div class="parent"> 
    <div class="child">Text</div> 
</div>

источник

2015-03-11 17:23:31 Jackie

Em делает шрифт слишком большим в браузере

ответ

Смежные вопросы