Я новичок в веб-разработке и хотел бы понять следующий рабочий процесс:
ВОПРОС: Должен ли я теперь вручную преобразовывать все единицы px в единицы rem на основе базового размера шрифта в теге абзаца? как здесь математика?
с наилучшими пожеланиями Анна
Если вы ищете быстрый способ вычисления преобразования между px и rems с учетом базового размера, вы можете найти множество конвертеров в Интернете, например. https://www.ninjaunits.com/converters/pixels/pixels-rem/< /а>
В общем, попробуйте воспользоваться препроцессором, таким как sass, который позволяет вам объявлять переменные, упрощающие изменение таблиц стилей. Например:
$font-size-base: 1.125rem !default; // Assumes the browser default, typically `16px`
$font-size-lg: $font-size-base * 2 !default;
$font-size-md: $font-size-base * 1.5 !default;
$font-size-sm: $font-size-base * 0.8 !default;
Надеюсь это поможет.
Я работал с rem и em, и они хорошо работают для простых веб-сайтов, но как только вы попадаете в сложные пользовательские интерфейсы, пиксель становится королем.
При работе с адаптивными медиа-запросами я считаю очень ненадежным, когда текст также расширяется из-за rem/em. С пикселями вы устанавливаете 16 пикселей по умолчанию для стандартного текста, а затем, возможно, уменьшаете его до 14 пикселей в некоторых случаях на мобильных устройствах. И это делается для всего веб-сайта, а не для каждого элемента.
Так что да, здесь и там есть некоторые корректировки, но не так уж много. Сначала это немного больше работы, но позже это сэкономит вам огромное количество времени, потому что вы будете получать 10 ошибок каждую неделю, когда какая-то часть веб-сайта не будет работать правильно на каком-то планшете, когда пользователь нажимает на ссылку и текст нажимается. далее вправо.
Оставаясь в пикселях по всем направлениям, у вас есть одна и та же единица измерения в Figma, в HTML / CSS и Javascript, и все остается простым, без каких-либо расчетов.
