Недавно я начал просматривать файлы переменных BOOTSTRAP V4 и обнаружил, что переменная $font-size-base
установлена в REM (т. Е. 1 REM ).Таким образом, все шрифты установлены в REM.
А также при поиске в Интернете я обнаружил различные другие сообщения, в которых предлагается использовать как EM, так и REM таким образом, что все размеры шрифтов модуля на страницеустановить в REM, и все размеры шрифта текстовых элементов каждого модуля установлены в EM.
Ссылочные ссылки:
- https://css -tricks.com / rems-ems /
- https://css -tricks.com / rem-global-em-local /
Второй подход выглядит значимым с точки зрения определения размера шрифта модулей на основе относительного размера модулей, а неустановка его на размер корня независимо от размера родительского модуля.
Итак, ниже приведены мои вопросы по этой запутанной теме.
- Какой метод лучше иЗачем ?(Нужен опыт разработчика)
- Мне кажется, способ 2 звучит разумно (т.е. изменение размера шрифта модуля).Так что, если это хорошая ставка, то как переопределить единицы
$font-size-base
BOOTSTRAP с REM до EM ? - Если мой вопрос все вместе неправильно понят / отклонен / неверентак или иначе, пожалуйста, предоставьте любой другой более чистый метод определения размеров моих элементов для всех размеров экрана.