Зачем bootstrap вычитает 0.02px в media query?

Question

[FilatovNikita]

Здравствуйте, пошарив по гуглу не смог найти объяснение тому зачем примесь @include media-breakpoint-down(...)
Вычитает из брэйкпоинта 0.02px и именно в запросах где используется max-width это что какая-то оптимизация или для чего это ? Вот пример из документации. Заранее спасибо

Answer 1

[Ankhena]

Чтобы не было проблем с наследованием, но при этом охвачен весь диапазон, в том числе и для дробных значений.

Comments

[Ankhena]

Честно говоря, этот кусок я видел но не совсем его понял, конкретно не понял почему это накладывается только на max-width, а на min все как обычно

FilatovNikita, Потому что используется mobile first подход. Для него брейкпоинты "ровные". И для крайней точки должны быть выполнены условия.

[FilatovNikita]

Ankhena, Спасибо большое за ответы !

Answer 2

[Владимир Проскурин]

Обратите внимание, что поскольку браузеры в настоящее время не поддерживают запросы диапазона, мы используем ограничения min- и max- prefixes префиксов и видовых экранов с дробной шириной (что может произойти при определенных условиях на устройствах с высоким разрешением на дюйм, например), используя значения с более высоким точность для этих сравнений.

Comments

[FilatovNikita]

Честно говоря, этот кусок я видел но не совсем его понял, конкретно не понял почему это накладывается только на max-width, а на min все как обычно

[Владимир Проскурин]

FilatovNikita, это по той причине

@media (max-width: 320px) { /* styles for viewports <= 320px */ }
@media (min-width: 321px) { /* styles for viewports >= 321px */ }

т.е. нельзя написать не >= а просто > А на некоторых экранах ширина может вдруг стать дробной, например 320.5px, и мы не попадаем ни в одно из условий, что я привел выше.

[FilatovNikita]

Владимир Проскурин, Спасибо большое за разъяснение !