REM для модулей, EM для текста в модулях. Это хороший подход? Если да, то как заменить единицы значения FONT-SIZE-BASE начальной загрузки v4 на EM?

Недавно я начал просматривать файлы переменных BOOTSTRAP V4 и обнаружил, что переменная $font-size-base установлена ​​в REM (т.е. 1 REM). Итак, все шрифты установлены в REM.

А также во время поиска в Интернете я нашел различные другие сообщения, в которых предлагается использовать как EM, так и REM таким образом, что все размеры шрифтов модуля на странице устанавливаются в REM, а все размеры шрифтов текстовых элементов для каждого модуля устанавливаются в EM.

Справочные ссылки:

  1. https://css-tricks.com/rems-ems/
  2. https://css-tricks.com/rem-global-em-local/

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

Итак, ниже мои вопросы по этой запутанной теме.

  1. Какой метод лучше и почему? (Нужен опыт разработчика)
  2. Я считаю, что метод 2 звучит разумно (т.е. изменение размера с размером шрифта модуля). Итак, если это хорошая ставка, то как переопределить единицы $font-size-base BOOTSTRAP с REM на ЭМ?
  3. Если все мои вопросы так или иначе связаны с неправильным пониманием / отклонением / ошибкой, пожалуйста, предоставьте любой другой более чистый метод определения размеров моих элементов для всех размеров экрана.

Этот вопрос либо слишком общий, основан на мнении, либо требует обсуждения, поэтому не по теме для Stack Overflow. Если у вас есть конкретная проблема программирования, требующая ответа, просьба предоставить полную информацию.

Paulie_D 24.05.2018 17:44

Как переопределить единицы переменной $ font-size-base в BOOTSTRAP с REM на EM? Это был мой вопрос. Есть какой-либо способ сделать это ? @Paulie_D

Prabhu 25.05.2018 11:24
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
2
63
0

Другие вопросы по теме