layout/reftests/font-face/media-query-inner-1.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title></title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <style type="text/css" media="(min-width: 200px)">
   8
   9         @font-face {
  10                 font-family: "MarkA";
  11                 src: url(../fonts/markA.ttf);
  12         }
  13
  14         </style>
  15         <style type="text/css">
  16
  17         body { font-family: "MarkA"; }
  18
  19         </style>
  20         <script type="application/ecmascript">
  21
  22         function arm() {
  23                 // The resize-detector iframe will remove the class attribute.
  24                 document.getElementsByTagName("iframe")[0].contentWindow.arm();
  25         }
  26
  27         </script>
  28 </head>
  29 <body>
  30
  31 <p style="position:relative; width: -moz-max-content">ABC<iframe style="visibility:hidden;position:absolute;height:100%;width:100%" src="resize-detector-iframe.html"></iframe></p>
  32
  33 </body>
  34 </html>