Use the media queries to dynamically set the stage for the graphics benchmark
[WebKit-https.git] / PerformanceTests / Animometer / tests / text / layering-text.html
index f58ef4ca6fdf4cc612aa97db9f3d19fa8b6e14c5..d51f30317bc5be5781e43bdfe942f1e3cc44deb3 100644 (file)
@@ -3,12 +3,19 @@
 <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">