Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 60 lines (60 sloc) 1.869 kB
2b7118c @andreasbovens added rest of files
authored
1 <!DOCTYPE html>
2 <html>
3 <head>
772dd2e @mathiasbynens Clean up the HTML a bit by removing optional attributes/values
mathiasbynens authored
4 <meta charset="utf-8">
9233822 @andreasbovens Added index.html, style fixes
authored
5 <title>@viewport {width: device-width;} + media query</title>
772dd2e @mathiasbynens Clean up the HTML a bit by removing optional attributes/values
mathiasbynens authored
6 <link href="http://fonts.googleapis.com/css?family=Terminal+Dosis:200,400,700" rel="stylesheet">
2b7118c @andreasbovens added rest of files
authored
7 <style>
8 @-o-viewport {
9 width: device-width;
10 }
11 @-ms-viewport {
12 width: device-width;
13 }
14 @media screen and (max-device-width: 480px) {
15 @-o-viewport {
16 width: 480px;
17 }
18 @-ms-viewport {
19 width: 480px;
20 }
21 }
22 </style>
772dd2e @mathiasbynens Clean up the HTML a bit by removing optional attributes/values
mathiasbynens authored
23 <link href="style.css" rel="stylesheet">
2b7118c @andreasbovens added rest of files
authored
24 <script src="report.js"></script>
772dd2e @mathiasbynens Clean up the HTML a bit by removing optional attributes/values
mathiasbynens authored
25 <script>
2b7118c @andreasbovens added rest of files
authored
26 function init() {
27 var article = document.getElementById('article');
28 var top = document.getElementById('top');
29 top.addEventListener('click', function () {
30 article.classList.toggle('fold');
31 }, false);
32 }
33 window.addEventListener('load', init, false);
34 </script>
35 </head>
36 <body>
37 <article id="article">
38 <h1 id="top">viewport setting</h1>
39 <pre><code>@-o-viewport {
40 width: device-width;
41 }
42 @-ms-viewport {
43 width: device-width;
44 }
45 @media screen and (max-device-width: 480px) {
46 @-o-viewport {
47 width: 480px;
48 }
49 @-ms-viewport {
50 width: 480px;
51 }
52 }</code></pre>
53 <h1>reported values</h1>
54 <output></output>
55 <h1>lorem ipsum</h1>
56 <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>
57 <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>
58 </article>
59 </body>
60 </html>
Something went wrong with that request. Please try again.