bug1993407.html (783B)
1 <!doctype html> 2 <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 3 <meta 4 name="viewport" 5 content="width=device-width,initial-scale=1,interactive-widget=resizes-visual" 6 /> 7 <style> 8 body { 9 margin: 0px; 10 } 11 input { 12 width: 100%; 13 height: calc(100lvh - 100svh); 14 position: fixed; 15 bottom: 0px; 16 padding: 0px; 17 border: none; 18 } 19 .ruler { 20 width: 100vw; 21 height: 100px; 22 font-size: 70px; 23 box-sizing: border-box; 24 border: solid black 1px; 25 background-color: gray; 26 } 27 </style> 28 <input type="text" value="text" size="10" /> 29 <script> 30 for (let i = 0; i < 20; i++) { 31 const div = document.createElement("div"); 32 div.classList.add("ruler"); 33 div.innerText = `${i}`; 34 document.body.appendChild(div); 35 } 36 </script>