Question

我想制作一个网站，无论显示器或智能手机的分辨率如何，都会以宽度显示宽度为100毫米的物体。出于这个原因，我要求用户显示他的显示尺寸来计算正确的ppi。但它并不适用于所有设备。

编辑：这是我到目前为止的代码。

        var dpr = window.devicePixelRatio;
        var inch = 25.4;

        var pixelHeight = screen.height * dpr;
        var pixelWidth = screen.width * dpr;

        function calculatePpi(monitorDiagonal) {
            return (Math.sqrt(Math.pow(pixelWidth, 2) + Math.pow(pixelHeight, 2))) / monitorDiagonal;
        }

        function mmToPx(mm) {
            return  (((mm / inch) * calculatePpi(monitorDiag)));
        }

Answer 1

使用css高度和宽度。

高度和宽度可以设置为自动（这是默认值。表示浏览器计算高度和宽度），或者以长度值指定，如px，cm等，或者以百分比（％）表示包含块。

因此，如果你想显示35厘米宽和50厘米高的元素，你可以用css设置它：

#example {
  height: 50cm;
  width: 35cm;
}

祝你好运！

似乎虽然这应该有用，但还不够准确。见评论。

如何在css中模拟真实世界的尺寸？

1 个答案: