Skip to content

Instantly share code, notes, and snippets.

@tjanczuk
Last active December 29, 2015 11:49
Show Gist options
  • Save tjanczuk/7666062 to your computer and use it in GitHub Desktop.
Save tjanczuk/7666062 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">
<style>
body {
background: blue;
}
#content {
position: fixed;
height: 40px;
right: 0px;
left: 0px;
bottom: 0px;
background: red;
}
@media screen and (min-width: 320px) and (orientation:portrait) {
@-ms-viewport { width: 320px !important; height:device-height !important; }
}
@media screen and (min-height: 320px) and (orientation:landscape) {
@-ms-viewport { width:auto !important; height:320px !important; }
}
</style>
</head>
<body>
This is body
<div id="content">This is content</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment