lkm/viewport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added one for no viewport settings.

Browse Source
This commit is contained in:
Linus Miller 2014-08-12 13:52:14 +02:00
parent 2d232a3903
commit f3e899a4e4
2 changed files with 59 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -1,9 +1,8 @@
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<title>TCB Stomping Grounds : Resolution Test</title> <title>TCB Stomping Grounds : Resolution Test : No viewport option</title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
html, body { margin: 0; height: 100%;} html, body { margin: 0; height: 100%;}
</style> </style>

58
public/viewport.html Normal file
View File

@ -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>