Chrome M40: The Virtual Viewport

image00-4f7ab8b5624c96245ee26269207774ad
image01-5bf983086586454e451435c0322a6a6c

The idea of the virtual viewport is to split the notion of “the viewport” into two, “the layout viewport” (where fixed position items are attached) and “the visual viewport” (What the users actually see).

In the screenshots above you can cleary see this in action: without a virtual viewport it’s not possible to view right hand side of the menu (which is position: fixed;) when zoomed in. With the virtual viewport this is possible.

This presentation will clarify some things:

What the Virtual Viewport? →

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.