Размер шрифта 1px для использования с блоками rem

Question

Я собираюсь после макета, который будет хорошо масштабироваться вместе с масштабированием (пользователь нажимает ctr / cmd + [plus]). Для этого мне нужны размеры, чтобы масштабироваться вместе с размером шрифта. Использование модулей em слишком сложно, поэтому я собираюсь использовать rem (и дублировать все свойства измерений для старых ie).

Моей первоначальной идеей было установить размер шрифта для элемента html равным 10px, а затем использовать 1 / 10rem в качестве замены пикселя. Но так как размер шрифта на теле установлен произвольно в px, тот на html будет использоваться исключительно для измерения rem. Так почему бы не установить 1px?

Преимущества очевидны - простота написания дублированных объявлений и удобство обслуживания.

Что касается недостатков (кроме дублирования деклараций), я не могу думать ни о каких. Но, может быть, я что-то упустил. Есть ли подводные камни в этом подходе?

Answer 1

Поскольку вы определили наследуемый размер шрифта в своем теле, вы можете сменить HTML-размер шрифта по своему усмотрению.В настоящее время это влияет только на значения rem, но если что-то еще использует это значение, то эта нестандартная конфигурация 1px сломает что-то другое и будет трудно исправить.

Это может повлиять на сторонние библиотеки, использующие rem, иНекоторая путаница может возникнуть из-за взаимозаменяемости использования em и rem.

Лично я считаю, что при работе с ванильным CSS (без препроцессора sans) использование этого нестандартного метода значительно упрощает использование rem, так как значения rem: px равны 1чрезвычайно интуитивно понятный.

Answer 2

Поскольку вы все равно должны были бы что-то сделать для IE как-то иначе, как вы говорите, я не вижу никакой возможной выгоды в этом подходе.Просто используйте их, даже если это требует некоторых вычислений.Если у вас есть глубоко вложенные элементы с собственными настройками размера шрифта, это все равно слишком сложно и требует упрощения, а не усложнения.

Настройка размера шрифта: 1px очень неестественно и сделает вашу таблицу стилей трудной для чтения иподдерживать.