пятница, 7 января 2022 г.

'all: unset' vs 'normalize.css' для сфокусированной кнопки

Вот такую разницу в отрисовке я недавно получил:

Сначала я использовал 'all: unset' и браузерная отрисовка фокуса была именно такая как я ее настроил:


Но есть normalize.css и я решил заменить мой 'all: unset' на него. В результате увидел неожиданную рамку "не по макету" на HD мониторе:


На 4К мониторе такой рамки не было и отрисовка была "по макету":


Эти конфигурации я проверил на Chrome/Opera/FF/Edge и в каждом получил отличия в отрисовке сфокусированного элемента 'button' между HD и 4К при использовании normalize.css.

В итоге я решил оставить 'all: unset'.

Исходники проекта и обсуждение:

Комментариев нет:

Отправить комментарий