Какова разница между единицами измерения CSS em и ch?
Какова разница между единицами CSS em и ch?
Я использую ch в своем стиле, но em кажется более распространенной единицей. В чем между ними разница?
Я понимаю, что 20ch предоставляет достаточно пространства для 20 нулей. Но я не совсем понимаю, что такое em. Оно дает достаточно пространства для 20 букв "М" или это 20 x размер шрифта? То есть для шрифта размером 16, это будет 320, но 320 чего? Я не понимаю, насколько они похожи или абсолютно разные.
1 ответ(ов)
Они совершенно разные.
Одна единица em равна размеру шрифта (в пикселях) родительского элемента. При этом размер шрифта в пикселях относится к высоте букв в пикселях. Если вы не изменяли размер шрифта элемента HTML, то по умолчанию большинство элементов имеет размер шрифта 16px, таким образом, одна единица em соответствует 16px в высоту. Соответственно, 2em будет равняться 32px в высоту и так далее.
На мой взгляд, rem'ы гораздо проще использовать, чем em'ы, так как единица rem всегда будет ссылаться на размер шрифта корневого элемента (HTML).
Как расположить div внизу своего контейнера?
Перенос строки в HTML с использованием '\n'
Медиа-запросы: Как нацелиться на десктоп, планшет и мобильные устройства?
Как сделать перенос строки с помощью CSS, не используя <br />?
Как адаптировать ширину flex-элемента к содержимому?