100vw — window with including scrollbar width
100% — window with excluding scrollbar width
На Mac и большинстве мобильных устройств полосы прокрутки имеют ширину 0px, поэтому 100vw и 100% одинаковы. В отличие от Windows, где полосы прокрутки обычно имеют ширину (от 14 до 17 пикселей), поэтому 100vw на несколько пикселей больше, чем 100%.
Из-за специфики дизайна мне нужно использовать 100vw в качестве глобального параметра для вычисления ширины и высоты дочерних элементов, размеры которых не должны зависеть от их родителей (что было бы, если бы я использовал проценты).
Итак, мой вопрос: как можно сделать 100vw и 100% одинаковыми, даже если есть полоса прокрутки?
Любая помощь высоко ценится.