测试显示器分辨率和尺寸

最新推荐文章于 2021-07-22 17:30:41 发布

lemon_EM

最新推荐文章于 2021-07-22 17:30:41 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/butbabuc/article/details/108059113

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<html>

<head>

    <meta charset="utf-8"> 

    <title>JS测试显示器分辨率和尺寸</title>

</head>

<body>

    <!-- 以 1cm 的宽度显示内容 -->
    <div style="width:1cm;" id="liu"></div>

    <script>

        document.write('您的显示器分辨率为:\n' + screen.width + '*' + screen.height + ' pixels<br/>');

        // offsetWidth属性返回元素的宽度，包括边框和填充，但不是边距
        var ww = document.getElementById("liu").offsetWidth,  // 获取 1cm 宽度的像素
        w = screen.width / ww,  // 单位转换为 cm
        h = screen.height / ww, 
        r = Math.round(Math.sqrt(w * w + h * h) / 2.54,  // 英寸  1 英寸 = 2.54 厘米
        y = Math.round(Math.sqrt(w * w + h * h) * 0.3));

        document.write('您的显示器尺寸为:\n' + (screen.width / ww).toFixed(1) + '*' + (screen.height / ww).toFixed(1) + ' cm, ' + r + '英寸,  ' + y + '寸<br/>');

    </script>

</body>

</html>