negative-initial-and-maximum-scale.html (497B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="initial-scale=-1,maximum-scale=-1,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 min-width: 1600px; /* this value should be double of viewport width */ 12 min-height: 3000px; 13 position: relative; 14 } 15 #inner { 16 position: absolute; 17 top: 0; 18 right: 0; 19 width: 100px; 20 height: 100px; 21 background: green; 22 } 23 </style> 24 <div id="container"> 25 <div id="inner"></div> 26 </div>