vw и %
3 декабря 2017 года, 17:21
В css есть специальные единицы длины vw
и vh
, равные сотой доле ширины и высоты окна. К сожалению, на них не влияют полосы прокрутки. Например, если на странице есть блок шириной 100vw
, то вдобавок к вертикальной прокрутке обязательно появится горизонтальная.
На стэковерфлоу советчик утверждает, что полоса прокрутки не входит в проценты, поэтому ширина полосы прокрутки есть 100vw - 100%
, и предлагает вариант
body {
width: calc(100vw - (100vw - 100%));
}
И ни советчика, ни 172 проголосовавших не смутило, что в итоге вычитания получается ровно 100%.
Оставьте свой комментарий