Intento crear un sitio web con un dispositivo de tamaño mental. Estoy abrumado con el dispositivo de hoy. la resolución que necesita para trabajar con tantos, y aumentará con alta resolución. pero, la dimensión psíquica sigue siendo la misma alrededor de 50 mm - 70 mm de ancho para dispositivos móviles. ¿La unidad de 1 pulgada es estable para medir pulgadas?

 <div id="container"> Iphone 4s dimension </div> <script> function mmInPixel() { const e = document.createElement("div"); e.style.width = "1in"; document.body.appendChild(e); const pixel = (screen.width / ((screen.width / e.offsetWidth) * 2.54 * 10)); document.body.removeChild(e); return pixel; } const container = document.getElementById("container"); const width = (mmInPixel() * 49); const height = (mmInPixel() * 74); container.style.width = `${width}px`; container.style.height = `${height}px`; container.style.backgroundColor = "black"; container.style.color = "white"; container.style.margin = "auto";