Cod*_*oso 5 javascript mobile mobile-phones mobile-website
这听起来有点太好了,所以请告诉我它是不是真的.
如果我只有一个版本的移动网站(不同设备没有变化,只有一个网站适用于所有手机),通过屏幕分辨率检测移动设备的可靠性如何？
如果屏幕分辨率小于400px,则只需提供移动版本.
注意:我的问题假设启用了javascript.此外,我知道有用户代理检测,但我想没有它.
小智 3
您将需要研究通过媒体查询提供不同的样式表。您可以使用查询来识别屏幕宽度，并仅向某些设备提供某些 CSS。例如，此查询将仅向标识为具有 iphone 典型尺寸的设备提供 iphone.css：
<link media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" rel="stylesheet" />
alistapart有一篇关于这个主题的详细文章
但请记住，并非所有设备都能识别媒体查询。如果您需要支持许多较旧的设备，例如黑莓和翻盖手机，您应该采纳上面关于使用 UA 检测的建议 - 我知道如果您来自桌面开发世界，这感觉不对，但实际上我们必须使用我们拥有的工具移动网络正在不断发展，但在许多方面仍然是一个新的领域。
| 归档时间： |
|
| 查看次数： |
11575 次 |
| 最近记录： |