JS判断屏幕尺寸

可以使用 `window.screen` 对象来获取屏幕的尺寸信息，包括屏幕的宽度、高度、物理像素分辨率等等。

下面是一些常用的判断屏幕尺寸的方法：

1. 获取屏幕宽度和高度：

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

2. 获取屏幕可用的宽度和高度（去除了任务栏、工具栏等的高度）：

var availWidth = window.screen.availWidth;
var availHeight = window.screen.availHeight;

3. 获取屏幕的像素密度：

var pixelRatio = window.devicePixelRatio;

4. 获取屏幕的物理像素分辨率：

var physicalScreenWidth = window.screen.width * window.devicePixelRatio;
var physicalScreenHeight = window.screen.height * window.devicePixelRatio;

通过上述方法，你可以根据需要判断不同尺寸的屏幕并做出相应的适配。

相关问题

js判断手机端和pc端

要判断手机端和PC端，可以通过使用JavaScript来检测用户的设备类型和屏幕尺寸。下面是几种常用的方法：

1. 使用navigator.userAgent检测浏览器的User-Agent字符串。在手机端，通常User-Agent中会包含关键词"Android"或"iPhone"等。可以通过使用正则表达式来匹配这些关键词，进而判断设备类型。

2. 使用window.innerWidth和window.innerHeight获取窗口的宽度和高度。一般来说，手机端的屏幕宽度较小，可以通过判断窗口宽度是否小于某个阈值来确定是否为手机端。

3. 使用CSS媒体查询来根据屏幕宽度切换不同的样式。可以在CSS中定义不同的样式，并使用@media查询来根据屏幕宽度切换样式。通过检验某个特定的CSS样式是否生效，可以判断当前设备类型。

以上是一些常用的方法，可以根据实际需求和情况选择最合适的方法来判断手机端和PC端。在实际应用中，也可以结合多个方法来提高准确性和可靠性。

uniapp屏幕旋转

在 Uniapp 中，可以通过监听屏幕旋转事件来实现屏幕旋转的功能。以下是一种实现方式：

1. 在你的页面中，添加一个 `onResize` 方法来监听屏幕尺寸变化事件：

onResize() {
  // 屏幕尺寸变化时触发的逻辑
}

2. 在 `onLoad` 生命周期或其他适当的时机，调用 `uni.onWindowResize` 方法来监听屏幕尺寸变化：

onLoad() {
  uni.onWindowResize(() => {
    this.onResize();
  });
}

3. 在 `onResize` 方法中，根据屏幕的宽高比例来判断屏幕是否处于横向模式，从而进行相应的操作：

onResize() {
  const { windowWidth, windowHeight } = uni.getSystemInfoSync();

  // 判断屏幕宽高比例
  if (windowWidth > windowHeight) {
    // 横向模式
    // 执行横屏时的操作
  } else {
    // 纵向模式
    // 执行竖屏时的操作
  }
}

在横向模式下，你可以执行一些特定于横屏的操作，例如重新布局页面、展示隐藏的内容等。在竖屏模式下，你可以执行一些特定于竖屏的操作。

请注意，具体的操作逻辑根据你的项目需求而定。以上是一种基本的实现方式，你可以根据实际情况进行调整。