resolution-change-on-landscape-content-ref.html (381B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width,initial-scale=1"> 3 <style> 4 html { 5 background-color: green; 6 } 7 html, body { 8 margin: 0; 9 width: 100%; 10 height: 100%; 11 scrollbar-width: none; /* avoid drawing scrollbars */ 12 } 13 #quarter-height { 14 background-color: red; 15 width: 100%; 16 height: 25%; 17 position: absolute; 18 } 19 </style> 20 <div id="quarter-height"></div>