resolution-change-on-landscape-content.html (607B)
1 <!DOCTYPE html> 2 <!-- 3 This test case is initially scaled to 1.x by initial-scale=1 in the meta 4 viewport tag below, then scaled down to 0.25x by reftest-resolution="0.25" 5 --> 6 <html reftest-resolution="0.25"> 7 <meta name="viewport" content="width=device-width,minimum-scale=0.25,initial-scale=1"> 8 <style> 9 html { 10 background-color: green; 11 } 12 html, body { 13 margin: 0; 14 width: 100%; 15 height: 100%; 16 scrollbar-width: none; /* avoid drawing scrollbars */ 17 } 18 #quadruple-width { 19 background-color: red; 20 width: 400%; 21 height: 100%; 22 position: absolute; 23 } 24 </style> 25 <div id="quadruple-width"></div> 26 </html>