third_party/WebKit/LayoutTests/fast/css/zoom-media-queries-width.html

   1 <!DOCTYPE html>
   2 <head>
   3     <script src="../../resources/js-test.js"></script>
   4     <style>
   5         #bla {width: 100px; height: 100px; background: red;}
   6         @media (max-width: 1200px) {
   7             #bla {width: 10px; height: 10px; background: blue;}
   8         }
   9     </style>
  10 </head>
  11 <body>
  12 <div id=bla></div>
  13
  14 <script>
  15 window.addEventListener("load", function(){
  16     if (!window.eventSender) {
  17         document.write("Zoom in manually.");
  18         return;
  19     }
  20     for (var i = 0; i < 5; ++i)
  21         eventSender.zoomPageIn();
  22
  23     shouldBeCloseTo('document.getElementById("bla").offsetWidth', 10, 1/64);
  24 }, true);
  25 </script>
  26 </body>
  27 </html>