Question

我想解决一个试图区分不同设备的问题。

关键是我有3种不同的设备来测试我的代码：

- Moto G (3rd gen) (Smartphone):
    - Width screen: 6'3 cm
    - Height screen: 11 cm
    - Resolution: 720 x 1280
- Huawei T1-701w (Small tablet):
    - Width screen: 9 cm and
    - Height screen: 15'3 cm
    - Resolution: 600 x 1200
- Samsung sm-t580 (Big Tablet):
    - Width screen: 13'8 cm
    - Height screen : 21'9 cm
    - Resolution: 800 x 1280

我用手测量宽度和高度的厘米，并在互联网上从每个设备的规格中搜索屏幕的分辨率（以像素为单位）。

但是浏览器中的所有3个设备都具有相同的像素宽度（垂直方向上的像素宽度为980 px，这是我从“ alert（$（window）.width（））;”获得的像素）。因此，我无法区分智能手机和其他设备。

很明显，这三种设备的大小明显不同，我想为每个设备应用不同的CSS规则，但找不到解决方案。

关于我在做什么错的任何想法吗？

Answer 1

为此，您将必须使用innerWidth而不是width属性。

    $window.innerWidth

或尝试

    $window.screen.width

jQuery在具有不同大小但具有相同$（window）.width（）

1 个答案: