html 获取移动设备真是像素尺寸
时间: 2023-08-24 12:10:34 浏览: 150
可以使用JavaScript来获取移动设备的真实像素尺寸。代码如下:
```javascript
// 获取屏幕宽度(物理像素)
var screenWidth = window.screen.width;
// 获取设备像素比
var devicePixelRatio = window.devicePixelRatio || 1;
// 计算屏幕宽度(实际像素)
var width = screenWidth * devicePixelRatio;
// 获取屏幕高度(物理像素)
var screenHeight = window.screen.height;
// 计算屏幕高度(实际像素)
var height = screenHeight * devicePixelRatio;
console.log("设备宽度:" + width + "px");
console.log("设备高度:" + height + "px");
```
这段代码会输出设备的宽度和高度,单位为像素。注意,这里获取的是设备的物理像素尺寸,而不是浏览器窗口的尺寸。如果需要获取浏览器窗口的尺寸,可以使用`document.documentElement.clientWidth`和`document.documentElement.clientHeight`来获取。
阅读全文