Skip to content

Instantly share code, notes, and snippets.

@futuraprime

futuraprime/viewports.html

Created June 19, 2012 19:26
Show Gist options
  • Save futuraprime/2956030 to your computer and use it in GitHub Desktop.
Save futuraprime/2956030 to your computer and use it in GitHub Desktop.
Download ZIP
Quick viewport units test
Raw
viewports.html
<!DOCTYPE html>
<html>
<head>
<title>A Website!</title>
<style type="text/css">
.foo {
width: 50%;
}
.bar {
width: 50vw;
}
.baz {
width: 20vw;
}
.foo { background-color: blue; }
.bar-1 { background-color: red; }
.bar-2 { background-color: green; }
.baz { background-color: yellow; }
</style>
</head>
<body>
<div class="foo">
<div class="bar bar-1">Bar!!!</div>
<div class="bar bar-2">
<div class="baz">Bazzzz</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment