* blog-files/simple-viewport-configuration: Added.
* blog-files/simple-viewport-configuration/860_viewport.html: Added.
* blog-files/simple-viewport-configuration/blog_with_viewport.png: Added.
* blog-files/simple-viewport-configuration/blog_without_viewport.png: Added.
* blog-files/simple-viewport-configuration/default_viewport.html: Added.
* blog-files/simple-viewport-configuration/horizontal_design.html: Added.
* blog-files/simple-viewport-configuration/inspector.png: Added.
* blog-files/simple-viewport-configuration/report_size.js: Added.
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@168612
268f45cc-cd09-0410-ab3c-
d52691b4dbfc
+2014-05-12 Benjamin Poulain <benjamin@webkit.org>
+
+ Add potential illustrations for a potential future blog post about the viewport meta tag
+
+ * blog-files/simple-viewport-configuration: Added.
+ * blog-files/simple-viewport-configuration/860_viewport.html: Added.
+ * blog-files/simple-viewport-configuration/blog_with_viewport.png: Added.
+ * blog-files/simple-viewport-configuration/blog_without_viewport.png: Added.
+ * blog-files/simple-viewport-configuration/default_viewport.html: Added.
+ * blog-files/simple-viewport-configuration/horizontal_design.html: Added.
+ * blog-files/simple-viewport-configuration/inspector.png: Added.
+ * blog-files/simple-viewport-configuration/report_size.js: Added.
+
2014-04-29 Alex Christensen <achristensen@webkit.org>
[WinCairo] Switch video from GStreamer to Media Foundation.
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Default Viewport</title>
+ <meta name="viewport" content="width=860">
+ </head>
+ <body>
+ <script src="report_size.js" defer async></script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Default Viewport</title>
+ </head>
+ <body>
+ <script src="report_size.js" defer async></script>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Default Viewport</title>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta name="viewport" content="width=device-width">
+ <style>
+ html {
+ height: 100%;
+ }
+ body {
+ margin: 0;
+ width: 500%;
+ display: -webkit-flex;
+ display: flex;
+ height: 100%;
+ }
+ div {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ width: 20%;
+ box-sizing:border-box;
+ padding: 20px;
+ text-align: center;
+ font-size: 35px;
+ -webkit-text-size-adjust:120%;
+ }
+ div:nth-child(even) { background-color:#281; color: white;}
+ div:nth-child(odd) { background-color:white; color:#281; }
+ </style>
+ </head>
+ <body>
+ <div>This →</div>
+ <div>is →</div>
+ <div>a →</div>
+ <div>horizontal →</div>
+ <div>design.</div>
+ </body>
+</html>
--- /dev/null
+var outputElement = document.createElement('p');
+outputElement.textContent = 'Minimum layout width = ' + document.width + ' - height = ' + document.height;
+document.body.appendChild(outputElement);