HTML 获取用户屏幕分辨率

HTML 可以通过 JavaScript 获取用户的屏幕分辨率，从而调整页面布局以适应不同尺寸的设备。

获取屏幕分辨率

要获取屏幕分辨率，可以使用 window.screen 对象。

const screenWidth = window.screen.width;
const screenHeight = window.screen.height;

console.log(`屏幕分辨率为 ${screenWidth} x ${screenHeight}`);

这里，window.screen.width 和 window.screen.height 分别表示屏幕的宽度和高度。可以将它们保存在变量中并在需要的地方使用。

响应式设计

通过获取屏幕分辨率，可以实现响应式网站设计，从而在不同设备上呈现不同的布局和样式。例如，在较小的移动设备上，可以使用更小的字体和更简单的布局，以便让内容更易于阅读和导航。

总结

HTML 通过 JavaScript 获取用户的屏幕分辨率，从而可以实现响应式设计，并优化页面布局。要获取屏幕分辨率，可以使用 window.screen 对象。