| Index: Source/web/tests/data/viewport_emulation.html
|
| diff --git a/Source/web/tests/data/viewport_emulation.html b/Source/web/tests/data/viewport_emulation.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..94dc6b731f045874185063c30a6b2e9c4dfea376
|
| --- /dev/null
|
| +++ b/Source/web/tests/data/viewport_emulation.html
|
| @@ -0,0 +1,49 @@
|
| +<html>
|
| +<head>
|
| +<style>
|
| +body {
|
| + margin: 0;
|
| + min-height: 1000px;
|
| +}
|
| +#test {
|
| + width: 100px;
|
| + height: 100px;
|
| +}
|
| +@media all and (device-width:700px)
|
| +{
|
| + #test { width: 300px; }
|
| +}
|
| +@media all and (max-device-width:699px)
|
| +{
|
| + #test { width: 200px; }
|
| +}
|
| +@media all and (min-device-width:701px)
|
| +{
|
| + #test { width: 400px; }
|
| +}
|
| +@media all and (device-height:500px)
|
| +{
|
| + #test { height: 300px; }
|
| +}
|
| +@media all and (max-device-height:499px)
|
| +{
|
| + #test { height: 200px; }
|
| +}
|
| +@media all and (min-device-height:501px)
|
| +{
|
| + #test { height: 400px; }
|
| +}
|
| +</style>
|
| +
|
| +<script>
|
| +function dumpSize()
|
| +{
|
| + var div = document.querySelector("#test");
|
| + return div.offsetWidth + "x" + div.offsetHeight;
|
| +}
|
| +</script>
|
| +</head>
|
| +<body>
|
| +<div id="test"></div>
|
| +</body>
|
| +</html>
|
|
|