android - 为什么移动特定的 css 似乎只针对屏幕尺寸？

Question

我是响应式 Web 开发的新手，有一段时间我对媒体查询感到困惑。

这是怎么做到的:

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

当它只针对屏幕尺寸时成为 iPhone 专用？不会有更多设备成为此目标的目标吗？

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

真的有一种方法可以针对 仅 iPhone 与 仅针对 Android 吗？

非常感谢。

Answer 1

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

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