What the Virtual Viewport?

The virtual viewport in Chrome 40 will allow you the ability to scroll elements on the page that were set as

position:fixed;

— for instance elements like the top Nav bar of

When mobile browsers started out, the lack of a viewport meta tag meant they would make the web page think it had approximately 980px of screen real estate and render at this size. With a viewport meta tag, developers could define the width, most common of which is “device-width”, which sets the screen size to that of the device. You can learn more on Web Fundamentals.

An excerpt from What the Virtual Viewport?

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.