css媒体查询:目标移动设备没有指定宽度,像素比率等

Question

假设我只是想针对每个平板电脑和手机,无论大小,是否有媒体查询？是否可以在不指定尺寸的情况下执行此操作？或者使用大小是唯一的方法来定位移动设备,而不是桌面？

Answer 1

几天来我一直在努力解决这个问题,但检查手持设备的一个好方法是max-device-width.台式机不会将其发送到浏览器,但大多数(如果不是全部)手持设备都使用此功能.

在我的情况下,我想在低于一定宽度的所有设备(包括桌面)上显示该网站的压缩版本,我使用过

@media all and (max-width: 640px)

但是使用的某个叠加弹出窗口position: fixed只能在手持设备上更改(因为css属性适用于所有桌面浏览器,但不适用于所有手持设备).所以为此,我使用了一个额外的规则:

@media all and (max-device-width: 640px)

我将所有手持设备定位在640以下但不是桌面浏览器.顺便说一句,这也不是针对iPad(这是我想要的),因为它的设备宽度高于640px.

如果您只是想要定位所有设备,只需选择一个较小的最小宽度(1px),这样它就不会排除任何设备,无论宽度如何.

Answer 2

在CSS3规范中,@media handeld提到但它可能没有浏览器支持.

所以不行.

但是,您可能会发现此网站很有用,它解释了其他一些移动设备的媒体查询技术.