clamped-by-default-minimum-scale.html (712B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width"> 3 <style> 4 html, body { 5 margin: 0; 6 width: 100%; 7 height: 100%; 8 scrollbar-width: none; 9 } 10 #container { 11 /* 12 * This value should be greater than reftest viewport width 800px * (1 / 0.25). 13 * 0.25 is the initial scale value used in the reference. 14 */ 15 min-width: 4000px; 16 /* 17 * This value should be greater than reftest viewport height 18 * 1000x * (1 / 0.25) to make the initial scale auto-calculation happen. 19 */ 20 min-height: 8000px; 21 position: relative; 22 } 23 #inner { 24 position: absolute; 25 top: 0; 26 left: 0; 27 width: 100px; 28 height: 100px; 29 background: green; 30 } 31 </style> 32 <div id="container"> 33 <div id="inner"></div> 34 </div>