最近在做大屏显示，在现显示的时候有些显示器是不规则的，投到大屏上显示效果不好，可以直接获取显示器的分辨率，本地调整好，再直接部署。
<!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>
