Since the introduction of CSS viewport units in 2012, many of us have been using `width: 100vw` as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, `100vw` does not always represent the full width of the viewport due to differences in how browsers handle scrollbars.| Smashing Magazine
This page is 95svh tall and 3000px wide, and it scrolls horizontally — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit fuga saepe at impedit deserunt porro culpa explicabo assumenda possimus autem provident ipsum eaque excepturi, illo error quam et sequi neque ab dolorem sapiente perspiciatis. Blanditiis ratione tenetur minima, debitis, eveniet architecto cum magnam expedita repudiandae reprehenderit, voluptate nostrum error necessitatibus?| output.jsbin.com
This page is 95svh tall and 3000px wide, and it scrolls horizontally — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit fuga saepe at impedit deserunt porro culpa explicabo assumenda possimus autem provident ipsum eaque excepturi, illo error quam et sequi neque ab dolorem sapiente perspiciatis. Blanditiis ratione tenetur minima, debitis, eveniet architecto cum magnam expedita repudiandae reprehenderit, voluptate nostrum error necessitatibus?| output.jsbin.com
This page is 95svh tall and 3000px wide, and it scrolls horizontally — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit fuga saepe at impedit deserunt porro culpa explicabo assumenda possimus autem provident ipsum eaque excepturi, illo error quam et sequi neque ab dolorem sapiente perspiciatis. Blanditiis ratione tenetur minima, debitis, eveniet architecto cum magnam expedita repudiandae reprehenderit, voluptate nostrum error necessitatibus?| output.jsbin.com
This page is 95svh tall and 3000px wide, and it scrolls horizontally — Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit fuga saepe at impedit deserunt porro culpa explicabo assumenda possimus autem provident ipsum eaque excepturi, illo error quam et sequi neque ab dolorem sapiente perspiciatis. Blanditiis ratione tenetur minima, debitis, eveniet architecto cum magnam expedita repudiandae reprehenderit, voluptate nostrum error necessitatibus?| output.jsbin.com
Attached: 1 image How to make horizontal scrolling work well in Android browsers https://šime.eu/4| Mastodon
