media-query-inner-1.html (824B)
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: 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>