Описание тега rem

0 ответов

Единицы rem не влияют на DIV в Chrome

Я наткнулся на очень странный случай, когда rem единицы не влияли DIVs (и, возможно, все другие элементы блока), но все еще были эффективны против текста (и я подозреваю, что все другие встроенные элементы). Это происходило только на одном компьютер…
01 июн '19 в 06:53
0 ответов

Блок Cordova rem (webview setMinimumFontSize)

По умолчанию веб-браузер Android игнорирует размеры шрифтов ниже определенного размера. Это приводит к тому, что ответственные веб-сайты, использующие rem-модуль, становятся недоступными, когда, например, используется 1rem в качестве базового размер…
10 июл '19 в 07:56
1 ответ

Как преобразовать или прочитать значение CSS rem в px?

Я хочу найти значение px высоты элемента html h1. var height = $("h1").height(); console.log(height); $(window).on("scroll", function() { if ($(window).scrollTop() >= height) { // ... } else { // ... } }); h1 { font-size: 3.5rem; } <script src…
06 авг '19 в 12:00
0 ответов

Проблема с определением высоты с rems (css)

Проблема заключается в следующем: я хотел бы, чтобы метка 'line' была выровнена с фактическим номером строки. И дата (29.07.2019), и ярлык имени дня (Mo) имеют размеры шрифта, выраженные в рим. Моя идея состояла в том, чтобы создать пространство на…
21 авг '19 в 18:26
1 ответ

Размер шрифта rem не отображается должным образом в анимации CSS

Поэтому я пытаюсь составить предложение, в котором определенные слова анимированы (повернуты) - я подумал, что это работает, но как только я просмотрел сайт на своем мобильном телефоне, я обнаружил проблему. При просмотре на рабочем столе (и даже вн…
16 июн '19 в 07:00
1 ответ

Как избежать того, чтобы значение rem дроби было меньше 1px?

Предположим, у нас есть проект, в котором размер шрифта рассчитывается динамически calc Функция CSS Кроме того, мы хотим иметь границу, ширина которой будет выражаться в rem (относительно размера шрифта). В некоторых случаях размер пикселя ширины гр…
19 авг '19 в 18:22
1 ответ

Почему многострочный диапазон изменяет ширину соседнего div?

Мой код React: <InfoWrapper> <InfoCircle> <span>i</span> </InfoCircle> <span className="info-label"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. elit. </span> </InfoWrapper> Это правильно …
23 окт '19 в 17:02
1 ответ

масштабирование шрифта с корневым элементом и rem в CSS

Я использую html тег для определения глобального размера шрифта и использования remмасштабировать шрифт. Поскольку я строюweb-componentэто будет включено во многие другие приложения. Следовательно, определяя размер шрифта наhtmlтег нарушит размер шр…
14 окт '19 в 14:58
2 ответа

Есть ли общепринятое соглашение использовать функцию преобразования пикселей в rem для всех значений размера в React (со стилизованными компонентами)?

Мы унаследовали несколько проектов React, в которых используются стилизованные компоненты. Все в основном "нормально", как можно было бы проиллюстрировать в документации с реакцией / стилями, но везде, где мы указываем размеры в стилизованных компон…
07 ноя '19 в 03:43
0 ответов

Использование rem с несколькими изменениями семейства шрифтов

Я использую внутреннюю систему дизайна, поэтому не могу поделиться этим кодом. По умолчанию используется определенный шрифт. Используя версию 2 этой библиотеки, я использую моноширинный шрифт как 16 пикселей. При использовании версии 3 этой библиоте…
21 ноя '19 в 20:11
0 ответов

Firefox ESR 68 не поддерживает единицы rem в размерах SVG. Обходные пути?

Обновление: это отсутствующая функция, и над ней работают: https://bugzilla.mozilla.org/show_bug.cgi?id=1287054 У меня есть этот значок svg в моем веб-портфолио (значок проекта Tor), которое находится по адресу https://dougsilva.me/. Если вы откроет…
23 ноя '19 в 23:43
1 ответ

Какова высота строки (и высота элемента), если размер шрифта равен 1rem?

Font установлен на 1rem, но высота строки, а также высота элемента больше этого .box { font-size: 1rem; } <div class="box"> <div>FRONT</div> </div> Мне удалось выяснить, что высота окна составляет 1,167 бэр. Это точно высота …
21 окт '19 в 19:19
0 ответов

Библиотека css использует rem, flex. Он будет работать быстро в Webview

Я ищу в веб-приложении библиотеку дизайна, которую можно использовать для мобильных приложений. (Веб-просмотр) " https://www.w3schools.com/w3css/" действует. Но он не использует rem и flex. Есть ли простая библиотека css, которая использует rem и fl…
22 ноя '19 в 12:38
1 ответ

postcss-pxtorem большой экран отображается только наполовину

Требуется экран 3840 * 2160, черновик - 1920 * 1080, я использовал postcss-pxtorem,"rootValue": 192, это нормально и реагирует на масштабирование ниже экрана 1920. Но в телефоне с Android 3840 x 2160 страница искажена, и может отображаться только по…
17 мар '20 в 10:14
0 ответов

Почему расчетные значения единиц REM отличаются в разных свойствах CSS?

<style> html{font-size:10px;} .box{width:4.464rem;height:4.464rem;margin:4.464rem;} </style> <body> <div class="box"></div> </body> Несмотря на то, что все значения свойств.box одинаковы, вычисленные зна…
20 июл '20 в 20:40
1 ответ

Вычислить соотношение между размером шрифта и шириной его контейнера

Я работаю над соотношением между размером шрифта и оптимальной шириной контейнера, в котором они находятся. Я знаю, что оптимальная ширина строки для одного столбца текста составляет от 45 до 75 символов в строке. Но также должен быть способ вычисли…
02 мар '20 в 15:54
0 ответов

Есть способ использовать rem вместо процента для создания соотношения сторон?

Я использую процентное соотношение для создания соотношения сторон в своих блоках, но это не подходит так, как rem. .aspect-ratio { display: flex; padding: 0; position: relative; &::after { content: ''; display: inherit; } &--1x1 { &::af…
25 июн '20 в 00:41
0 ответов

Использование REM с установленным фиксированным размером шрифта в корне (тег HTML) будет регулировать размер шрифта браузера при использовании масштабирования?

У меня два вопроса. Во-первых, если я установлю размер шрифта в теге HTML, например, "html { font-size: 12px; }", и использую в остальных модулях css REM для всех размеров шрифта, браузер настроит мой масштаб на основе 12 пикселей? Или будет использ…
15 май '20 в 23:03
2 ответа

каков рабочий процесс от пикселя в фигма до rem в css?

Я новичок в веб-разработке и хотел бы понять следующий рабочий процесс: Я разрабатываю веб-сайт на Figma вместе со стилями шрифтов в PIXELS (не могу использовать em или rem в Figma) Чтобы иметь отзывчивый веб-сайт, я хочу написать код css с REM ВОПР…
06 июн '20 в 13:00
0 ответов

Проблема с кодом Visual Studio с em & rem

У меня есть проблема, когда я использую em или rem в коде Visual Studio. Например, если я попытаюсь добавить 1em в поле заголовка и сохранить файлы html и css, он просто не появится в предварительном просмотре браузера. Я продолжал трижды проверять …
11 июл '20 в 16:25