iPhone和Android浏览器上的CSS @media手持支持
为了为移动浏览器定制网页,开发人员可以尝试使用CSS @media 手持查询来改变页面的外观。但是,某些平台(例如通过 Safari 的 iPhone)会忽略此方法。
iPhone 和 Android 的替代方法
要解决此限制,建议的解决方案是使用指定特定设备特征的媒体查询。以下代码演示了针对 iPhone(或屏幕宽度为 480 像素或更小的任何设备):
定位具有更高分辨率的设备
如上所述,Droid X 等设备的分辨率可能更高由上述查询检测到。为了定位此类设备,媒体查询可以检查设备的物理特性,例如分辨率:
其他资源
更多见解可以在提供的 A List Apart 文章中找到以及针对媒体查询的 W3 推荐。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3