Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

33 lines (33 sloc) 1.724 kb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>&lt;meta name="viewport" content="width=device-width"&gt; + &lt;div style="width: 600px"&gt;</title>
<meta name="viewport" content="width=device-width">
<link href="http://fonts.googleapis.com/css?family=Terminal+Dosis:200,400,700" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<script src="report.js"></script>
<script>
function init() {
var article = document.getElementById('article');
var top = document.getElementById('top');
top.addEventListener('click', function () {
article.classList.toggle('fold');
}, false);
}
window.addEventListener('load', init, false);
</script>
</head>
<body>
<article id="article">
<h1 id="top">viewport setting</h1>
<pre><code>&lt;meta name="viewport" content="width=device-width"&gt; + &lt;div style="width: 600px"&gt;</code></pre>
<div style="width: 600px; background-color: red;">600px wide div</div>
<h1>reported values</h1>
<output></output>
<h1>lorem ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non elit non enim consectetur iaculis ut ac mi. Sed adipiscing nulla id ipsum placerat congue. Quisque nec diam eget libero convallis iaculis. Nam feugiat purus id diam placerat suscipit. Cras nec tincidunt leo. Integer tincidunt porttitor enim, et elementum augue pellentesque id. Quisque leo velit, tincidunt in pretium in, cursus eu elit. Etiam vitae lacus ligula.</p>
<p>Quisque nec diam eget libero convallis iaculis. Nam feugiat purus id diam placerat suscipit. Cras nec tincidunt leo. Integer tincidunt porttitor enim, et elementum augue pellentesque id. Quisque leo velit, tincidunt in pretium in, cursus eu elit. Etiam vitae lacus ligula.</p>
</article>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.