From f3e899a4e4ac39184a69457404becfbb5c50422d Mon Sep 17 00:00:00 2001
From: Linus Miller <linus.miller@thecodebureau.com>
Date: Tue, 12 Aug 2014 13:52:14 +0200
Subject: [PATCH] Added one for no viewport settings.

---
 public/index.html    |  3 +--
 public/viewport.html | 58 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 59 insertions(+), 2 deletions(-)
 create mode 100644 public/viewport.html
diff --git a/public/index.html b/public/index.html
index 7e92470..587daee 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,9 +1,8 @@
 <!doctype html>
 <html>
 <head>
-	<title>TCB Stomping Grounds : Resolution Test</title>
+	<title>TCB Stomping Grounds : Resolution Test : No viewport option</title>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<style>
 	html, body { margin: 0; height: 100%;}
 	</style>
diff --git a/public/viewport.html b/public/viewport.html
new file mode 100644
index 0000000..7e92470
--- /dev/null
+++ b/public/viewport.html
@@ -0,0 +1,58 @@
+<!doctype html>
+<html>
+<head>
+	<title>TCB Stomping Grounds : Resolution Test</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	html, body { margin: 0; height: 100%;}
+	</style>
+
+</head>
+<body>
+<table>
+	<tr>
+		<th>Property</th>
+		<th>Width</th>
+		<th>Height</th>
+	</tr>
+  <tr>
+		<td>Window.screen</td>
+		<td id='screen-width'></td>
+		<td id='screen-height'></td>
+	</tr>
+  <tr>
+		<td>Window.screen.avail</td>
+		<td id='screen-avail-width'></td>
+		<td id='screen-avail-height'></td>
+	</tr>
+  <tr>
+		<td>Document.body.client</td>
+		<td id='body-client-width'></td>
+		<td id='body-client-height'></td>
+	</tr>
+  <tr>
+		<td>Document.body.offset</td>
+		<td id='body-offset-width'></td>
+		<td id='body-offset-height'></td>
+	</tr>
+  <tr>
+		<td>Document.body.scroll</td>
+		<td id='body-scroll-width'></td>
+		<td id='body-scroll-height'></td>
+	</tr>
+</table>
+<script>
+document.getElementById('screen-width').textContent = screen.width;
+document.getElementById('screen-height').textContent = screen.height;
+document.getElementById('screen-avail-width').textContent = screen.availWidth;
+document.getElementById('screen-avail-height').textContent = screen.availHeight;
+document.getElementById('body-client-width').textContent = document.body.clientWidth;
+document.getElementById('body-client-height').textContent = document.body.clientHeight;
+document.getElementById('body-offset-width').textContent = document.body.offsetWidth;
+document.getElementById('body-offset-height').textContent = document.body.offsetHeight;
+document.getElementById('body-scroll-width').textContent = document.body.scrollWidth;
+document.getElementById('body-scroll-height').textContent = document.body.scrollHeight;
+</script>
+</body>
+</html>

Property	Width	Height
Window.screen
Window.screen.avail
Document.body.client
Document.body.offset
Document.body.scroll