Use the media queries to dynamically set the stage for the graphics benchmark

[WebKit-https.git] / PerformanceTests / Animometer / tests / text / layering-text.html
diff --git a/PerformanceTests/Animometer/tests/text/layering-text.html b/PerformanceTests/Animometer/tests/text/layering-text.html

index f58ef4ca6fdf4cc612aa97db9f3d19fa8b6e14c5..d51f30317bc5be5781e43bdfe942f1e3cc44deb3 100644 (file)
--- a/PerformanceTests/Animometer/tests/text/layering-text.html
+++ b/PerformanceTests/Animometer/tests/text/layering-text.html
@@ -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">