Возможно ли, чтобы угловой компонент поставщика игнорировал настройку CSS размера шрифта html?
Я использую компонент выбора времени поставщика. К сожалению, он использует единицы rem для большинства своих размеров, но пиксели для позиционирования элементов часов. Поэтому, когда я пытаюсь улучшить свое приложение на мобильных устройствах, используя уменьшение размера шрифта для небольших размеров экрана:
@media only screen and (max-width: 992px) {
html {
font-size: 80%;
}
}
виджет становится непригодным для использования из-за смещения элементов выделения относительно других. я могу использовать
":host >>> ... "
angular css хаки для настройки стиля виджета, но ручной пересчет и изменение положения 24 часовых элементов - непростая задача (если это возможно).
Можно ли заставить виджет игнорировать настройку размера шрифта html?
Ответы 1
Звучит как плохо спроектированный виджет. По сути, если они смешали rem юнитов с px, вы ничего не сможете сделать, чтобы это исправить. Вы можете самостоятельно переключиться на использование единиц em и изменить только размер шрифта приложения, но это, конечно, имеет и другие последствия.
Так что либо вы разветвляете виджет, либо используете глобальный стиль, переопределяющий виджет. Вместо того, чтобы пересчитывать размеры в пикселях, вы также можете заменить единицы rem на другую меру.