html获取用户屏幕大小

在HTML中，虽然可以直接获取用户浏览器窗口的尺寸，但是这通常通过JavaScript来实现，因为HTML本身不具备这样的功能。你可以使用浏览器提供的window对象的一些属性来获取屏幕信息，例如window.innerWidth和window.innerHeight分别返回浏览器视口的宽度和高度。

下面是一个简单的示例：

window.addEventListener('resize', function() {
  const screenWidth = window.innerWidth;
  const screenHeight = window.innerHeight;
  console.log(`当前屏幕宽: ${screenWidth}px, 高: ${screenHeight}px`);
});

这段代码会在窗口大小改变时打印出新的屏幕尺寸。如果想在页面加载时就获取一次，可以在DOMContentLoaded事件中执行类似操作：

window.addEventListener('DOMContentLoaded', function() {
  const initialScreenSize = { width: window.innerWidth, height: window.innerHeight };
  console.log('初始屏幕大小:', initialScreenSize);
});