Use the media queries to dynamically set the stage for the graphics benchmark
[WebKit-https.git] / PerformanceTests / Animometer / tests / text / layering-text.html
index d7e3d05d050bf8a4e16dfb945f53776043b72700..d51f30317bc5be5781e43bdfe942f1e3cc44deb3 100644 (file)
@@ -3,16 +3,24 @@
 <head>
     <style>
         .text-layer {
-            font-size: 5.5px;
             position: absolute;
             left: 0px;
             top: 0px;
-            padding: 3px;
+            padding: 0.72em;
             background-color: transparent;
+            line-height: 1.1;
+            font-size: 0.72em;
+        }
+        @media screen and (min-device-width: 1800px) {
+            .text-layer {
+                line-height: 1.2;
+                font-size: 0.96em;
+            }
         }
     </style>  
     <link rel="stylesheet" type="text/css" href="../resources/stage.css">
     <script src="../../resources/algorithm.js"></script>
+    <script src="../../resources/strings.js"></script>
     <script src="../../resources/sampler.js"></script>
     <script src="../../resources/extensions.js"></script>
     <script src="../resources/math.js"></script>