以下是一些关于 window.screen 属性的基本信息：
window.screen 属性
1. window.screen.width: 屏幕的宽度（以像素为单位）。
console.log(window.screen.width);
2. window.screen.height: 屏幕的高度（以像素为单位）。
console.log(window.screen.height);
3. window.screen.availWidth: 屏幕的可用宽度，即减去任务栏等系统元素占用的宽度后的宽度。
console.log(window.screen.availWidth);
4. window.screen.availHeight: 屏幕的可用高度，即减去任务栏等系统元素占用的高度后的高度。
console.log(window.screen.availHeight);
5. window.screen.pixelDepth: 屏幕的颜色深度，表示每个像素的位数。
console.log(window.screen.pixelDepth);
6. window.screen.colorDepth: 同 pixelDepth，屏幕的颜色深度。
console.log(window.screen.colorDepth);
7. window.screen.orientation: 屏幕的方向，返回一个包含 type 和 angle 属性的对象。
console.log(window.screen.orientation.type); // 'portrait-primary' 或 'landscape-primary'
console.log(window.screen.orientation.angle); // 0 或 90（取决于方向）
示例
// 获取屏幕的宽度和高度
let screenWidth = window.screen.width;
let screenHeight = window.screen.height;
console.log(`Screen Width: ${screenWidth}px`);
console.log(`Screen Height: ${screenHeight}px`);
这些属性提供了有关用户屏幕的重要信息，可以根据这些信息来调整页面的布局或进行其他屏幕相关的操作。请注意，这些属性返回的值都是静态的，即它们在窗口的整个生命周期内保持不变。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3565/JavaScript