Используете ли вы правильные CSS-модули?

YOUTUBE · 26.11.2025 03:05

Ключевые темы и таймкоды

Выбор единиц измерения

0:00

В видео обсуждаются различные единицы измерения, которые можно использовать в CSS, включая rem, проценты, ширину видового экрана и другие.
Автор подчеркивает, что использование относительных единиц измерения, таких как rem, является предпочтительным, поскольку они адаптируются к системе пользователя и предпочтениям браузера.

Установка ширины

2:05

Автор обсуждает, что процент и максимальная ширина могут быть хорошими направлениями для работы, особенно в сочетании с максимальной шириной.
Он также упоминает устройство ch, которое может быть полезно для установки параметров, таких как максимальная ширина абзацев.

Установка высоты

3:34

Автор рекомендует использовать минимальную высоту вместо максимальной, чтобы избежать переполнения контента.
Он также обсуждает использование высоты окна просмотра, но предупреждает о возможных проблемах, особенно на мобильных устройствах.

Установка отступов и полей

4:09

Автор рекомендует использовать m или rem для установки отступов и полей, в зависимости от того, хотите ли вы, чтобы они были одинаковыми для всех элементов или корректировались в зависимости от размера шрифта.
Он также упоминает, что использование rem для настройки потока в документе может быть полезным, добавляя дополнительный пробел в верхней части заголовков.

Медиа-запросы

5:21

Автор обычно задает свои медиа-запросы с помощью m, чтобы обеспечить согласованность во всех браузерах.
Он также упоминает, что другие подразделения, такие как ch, могут быть полезны в определенных ситуациях.