JS判断屏幕尺寸
时间: 2023-07-24 21:11:24 浏览: 246
JS获取当前网页大小以及屏幕分辨率等
可以使用 `window.screen` 对象来获取屏幕的尺寸信息,包括屏幕的宽度、高度、物理像素分辨率等等。
下面是一些常用的判断屏幕尺寸的方法:
1. 获取屏幕宽度和高度:
```javascript
var screenWidth = window.screen.width;
var screenHeight = window.screen.height;
```
2. 获取屏幕可用的宽度和高度(去除了任务栏、工具栏等的高度):
```javascript
var availWidth = window.screen.availWidth;
var availHeight = window.screen.availHeight;
```
3. 获取屏幕的像素密度:
```javascript
var pixelRatio = window.devicePixelRatio;
```
4. 获取屏幕的物理像素分辨率:
```javascript
var physicalScreenWidth = window.screen.width * window.devicePixelRatio;
var physicalScreenHeight = window.screen.height * window.devicePixelRatio;
```
通过上述方法,你可以根据需要判断不同尺寸的屏幕并做出相应的适配。
阅读全文