【问题标题】:Why does mobile specific css only seem to target screen size?为什么特定于移动设备的 CSS 似乎只针对屏幕尺寸?
【发布时间】:2015-05-28 18:19:10
【问题描述】:

我对响应式 Web 开发还比较陌生,而且我对媒体查询有一段时间感到困惑。

这是怎么做到的:

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

当 iPhone 只针对屏幕尺寸时,它变得特定于 iPhone?不会有更多的设备成为目标吗?

我看到这样的参考资料:http://stephen.io/mediaqueries/ 并想知道为什么这是标准。

真的有办法针对仅限iPhone仅限Android吗?

非常感谢。

【问题讨论】:

  • 使用媒体查询只能定位屏幕尺寸而不是操作系统。对于定位操作系统,您应该使用 JS。

标签: android ios css iphone mobile


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-31
    • 2012-01-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多