Проверяет понимание базовой единицы измерения REM в CSS и способов её переопределения.
Единица измерения REM (root em) в CSS всегда вычисляется относительно размера шрифта корневого элемента документа — тега <html>. По умолчанию браузеры устанавливают для него значение 16px, если пользователь не изменил настройки в браузере. Это значит, что 1rem = 16px, 2rem = 32px и так далее.
Чтобы изменить базовое значение для всех REM-единиц, достаточно задать свойство font-size для селектора html в CSS. Например:
html {
font-size: 20px;
}
p {
font-size: 1rem; /* теперь это 20px */
}Такой подход часто используется для создания адаптивных макетов: можно менять базовый размер через медиазапросы, и все элементы, использующие REM, автоматически масштабируются.
REM удобен для создания масштабируемых интерфейсов, особенно когда нужно сохранить пропорции между элементами. Например, если вы хотите увеличить весь интерфейс на мобильных устройствах, достаточно изменить font-size у html.
Вывод: Используйте REM для размеров, которые должны зависеть от глобального масштаба, и переопределяйте базовый размер через html, чтобы легко управлять всей типографикой и отступами на странице.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультациюFrontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию