lkm/viewport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
ea8a49e6d9
viewport/server/templates/pages/index.dust
Robin Hägg ea8a49e6d9 Fuck you
2015-08-06 17:45:04 +02:00

215 lines
6.6 KiB
Plaintext
Raw Blame History

<!doctype html>
<html>
<head>
<title>TCB Stomping Grounds : Resolution Test : No viewport option</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<style>
html, body { margin: 0; height: 100%;}
</style>
<link rel="stylesheet" href="/css/main.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.13.1/jquery.validate.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.1/backbone-min.js"></script>
</head>
<body>
<ul>
<li><a href="/">Without Viewport</a></li>
<li><a href="/viewport.html">Viewport</a></li>
</ul>
<div class="finger-me">
SCREEN
<div class="screenInfo"></div><br>
BODY
<div class="bodyInfo"></div>
DEVICE PIXEL RATIO
<div class="deviceInfo">
<br>-webkit-min-device-pixel-ratio
<div class="wk-device-pixel-ratio">
<span class="dr d10">1.0</span>
<span class="dr d11">1.1</span>
<span class="dr d12">1.2</span>
<span class="dr d13">1.3</span>
<span class="dr d14">1.4</span>
<span class="dr d15">1.5</span>
<span class="dr d16">1.6</span>
<span class="dr d17">1.7</span>
<span class="dr d18">1.8</span>
<span class="dr d19">1.9</span>
<span class="dr d20">2.0</span>
<span class="dr d21">2.1</span>
<span class="dr d22">2.2</span>
<span class="dr d23">2.3</span>
<span class="dr d24">2.4</span>
<span class="dr d25">2.5</span>
<span class="dr d26">2.6</span>
<span class="dr d27">2.7</span>
<span class="dr d28">2.8</span>
<span class="dr d29">2.9</span>
<span class="dr d30">3.0</span>
</div>
<br>-moz-min-device-pixel-ratio
<div class="moz-device-pixel-ratio">
<span class="dr d10">1.0</span>
<span class="dr d11">1.1</span>
<span class="dr d12">1.2</span>
<span class="dr d13">1.3</span>
<span class="dr d14">1.4</span>
<span class="dr d15">1.5</span>
<span class="dr d16">1.6</span>
<span class="dr d17">1.7</span>
<span class="dr d18">1.8</span>
<span class="dr d19">1.9</span>
<span class="dr d20">2.0</span>
<span class="dr d21">2.1</span>
<span class="dr d22">2.2</span>
<span class="dr d23">2.3</span>
<span class="dr d24">2.4</span>
<span class="dr d25">2.5</span>
<span class="dr d26">2.6</span>
<span class="dr d27">2.7</span>
<span class="dr d28">2.8</span>
<span class="dr d29">2.9</span>
<span class="dr d30">3.0</span>
</div>
<br>-o-min-device-pixel-ratio
<div class="o-device-pixel-ratio">
<span class="dr d10">1.0</span>
<span class="dr d11">1.1</span>
<span class="dr d12">1.2</span>
<span class="dr d13">1.3</span>
<span class="dr d14">1.4</span>
<span class="dr d15">1.5</span>
<span class="dr d16">1.6</span>
<span class="dr d17">1.7</span>
<span class="dr d18">1.8</span>
<span class="dr d19">1.9</span>
<span class="dr d20">2.0</span>
<span class="dr d21">2.1</span>
<span class="dr d22">2.2</span>
<span class="dr d23">2.3</span>
<span class="dr d24">2.4</span>
<span class="dr d25">2.5</span>
<span class="dr d26">2.6</span>
<span class="dr d27">2.7</span>
<span class="dr d28">2.8</span>
<span class="dr d29">2.9</span>
<span class="dr d30">3.0</span>
</div>
<br>(no-prefix)min-device-pixel-ratio
<div class="device-pixel-ratio">
<span class="dr d10">1.0</span>
<span class="dr d11">1.1</span>
<span class="dr d12">1.2</span>
<span class="dr d13">1.3</span>
<span class="dr d14">1.4</span>
<span class="dr d15">1.5</span>
<span class="dr d16">1.6</span>
<span class="dr d17">1.7</span>
<span class="dr d18">1.8</span>
<span class="dr d19">1.9</span>
<span class="dr d20">2.0</span>
<span class="dr d21">2.1</span>
<span class="dr d22">2.2</span>
<span class="dr d23">2.3</span>
<span class="dr d24">2.4</span>
<span class="dr d25">2.5</span>
<span class="dr d26">2.6</span>
<span class="dr d27">2.7</span>
<span class="dr d28">2.8</span>
<span class="dr d29">2.9</span>
<span class="dr d30">3.0</span>
</div>
<br>min-resolution dpi
<div class="min-resolution">
<span class="dr d96">96</span>
<span class="dr d105">105</span>
<span class="dr d115">115</span>
<span class="dr d125">125</span>
<span class="dr d135">135</span>
<span class="dr d144">144</span>
<span class="dr d154">154</span>
<span class="dr d163">163</span>
<span class="dr d173">173</span>
<span class="dr d182">182</span>
<span class="dr d192">192</span>
<span class="dr d202">202</span>
<span class="dr d211">211</span>
<span class="dr d221">221</span>
<span class="dr d230">230</span>
<span class="dr d240">240</span>
<span class="dr d250">250</span>
<span class="dr d259">259</span>
<span class="dr d267">267</span>
<span class="dr d278">278</span>
<span class="dr d288">288</span>
</div>
<br>min-resolution ddpx
<div class="min-resolution-dppx">
<span class="dr d10">1.0</span>
<span class="dr d11">1.1</span>
<span class="dr d12">1.2</span>
<span class="dr d13">1.3</span>
<span class="dr d14">1.4</span>
<span class="dr d15">1.5</span>
<span class="dr d16">1.6</span>
<span class="dr d17">1.7</span>
<span class="dr d18">1.8</span>
<span class="dr d19">1.9</span>
<span class="dr d20">2.0</span>
<span class="dr d21">2.1</span>
<span class="dr d22">2.2</span>
<span class="dr d23">2.3</span>
<span class="dr d24">2.4</span>
<span class="dr d25">2.5</span>
<span class="dr d26">2.6</span>
<span class="dr d27">2.7</span>
<span class="dr d28">2.8</span>
<span class="dr d29">2.9</span>
<span class="dr d30">3.0</span>
</div>
</div>
</div>
<!--<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 src="/js/app.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink