为什么移动专用css似乎只是针对屏幕尺寸？

Question

我对响应式网页开发相对较新，而且我对媒体查询感到困惑了一段时间。

这是怎么回事：

@media screen and (max-device-width: 320px) {}

当它仅针对屏幕尺寸时，会变成iPhone特定的吗？不会有更多设备成为目标？

我看到这样的引用：http://stephen.io/mediaqueries/并想知道为什么这是标准。

是否真的有办法定位仅限iPhone 而仅限Android ？

非常感谢。

Answer 1

媒体查询适用于所有设备。这仅检测屏幕的宽度，仅此而已。

您正在查看的网站只显示了多个设备的特定尺寸。 iPad屏幕的宽度可能与Android平板电脑屏幕的宽度不同。