Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
<!DOCTYPE html>
<meta name="viewport" content="width=device-width">
<style>
html, body {
margin: 0;
width: 100%;
height: 100%;
scrollbar-width: none;
}
#container {
/*
* This value should be greater than reftest viewport width 800px * (1 / 0.25).
* 0.25 is the initial scale value used in the reference.
*/
min-width: 4000px;
/*
* This value should be greater than reftest viewport height
* 1000x * (1 / 0.25) to make the initial scale auto-calculation happen.
*/
min-height: 8000px;
position: relative;
}
#inner {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: green;
}
</style>
<div id="container">
<div id="inner"></div>
</div>