js获取当前屏幕分辨率

可以使用window.screen对象来获取当前屏幕分辨率，该对象包含了有关用户屏幕的信息。

可以使用以下代码来获取当前屏幕分辨率：

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

console.log("屏幕分辨率为：" + screenWidth + " x " + screenHeight);

该代码会输出当前屏幕的宽度和高度。

相关问题

css 获取屏幕分辨率

你可以使用 CSS 中的 `@media` 查询来获取屏幕分辨率。具体方法如下：

1. 使用 `min-device-width` 和 `max-device-width` 属性来获取设备的宽度。例如，以下代码将为设备宽度在 768 像素到 1024 像素之间的屏幕应用样式：

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* 应用样式 */
}

2. 使用 `min-resolution` 和 `max-resolution` 属性来获取设备的分辨率。例如，以下代码将为分辨率在 300dpi 到 600dpi 之间的屏幕应用样式：

@media only screen and (min-resolution: 300dpi) and (max-resolution: 600dpi) {
  /* 应用样式 */
}

注意，这些属性只在 CSS 中可用，并且只能在媒体查询中使用。如果你想在 JavaScript 中获取屏幕分辨率，可以使用 `window.screen` 对象。例如，以下代码将输出当前屏幕的宽度和高度：

console.log("屏幕宽度：" + window.screen.width);
console.log("屏幕高度：" + window.screen.height);

js如何监听桌面分辨率

可以使用`window.screen`对象来获取当前屏幕的分辨率信息，从而监听桌面分辨率。具体代码如下：

// 监听窗口大小变化
window.addEventListener('resize', function() {
  const screenWidth = window.screen.width;
  const screenHeight = window.screen.height;
  console.log(`屏幕分辨率为：${screenWidth}x${screenHeight}`);
});

在以上代码中，`resize`事件会在窗口大小变化时被触发。通过`window.screen`对象获取当前屏幕的宽度和高度，从而得到屏幕分辨率信息。在实际应用中，可以将获取到的分辨率信息用于响应式布局等操作。