最近在做大屏显示,在现显示的时候有些显示器是不规则的,投到大屏上显示效果不好,可以直接获取显示器的分辨率,本地调整好,再直接部署。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>获取显示器的分辨率</title><script>window.onload = function() {var pixelRatio = window.devicePixelRatio;var screenWidth = window.screen.width * pixelRatio;var screenHeight = window.screen.height * pixelRatio;var resolutionInfo = "水平分辨率: " + screenWidth + "px, 垂直分辨率: " + screenHeight + "px";document.getElementById("resolutionInfo").innerText = resolutionInfo;var screenWidth2 = window.screen.width;var screenHeight2 = window.screen.height;var displayInfo = "显示器宽度: " + screenWidth2 + "px, 显示器高度: " + screenHeight2 + "px";document.getElementById("displayInfo").innerText = displayInfo;};</script>
</head>
<body><h1>显示器的分辨率</h1><p id="resolutionInfo">正在获取分辨率信息...</p> <h1>获取显示器的长宽</h1><p id="displayInfo">获取显示器的长宽信息...</p>
</body>
</html>