如何检测浏览器是否为移动浏览器并在普通浏览器和移动浏览器之间切换？答案

【问题标题】：How can I detect if a browser is mobile and switch between normal and mobile?如何检测浏览器是否为移动浏览器并在普通浏览器和移动浏览器之间切换？
【发布时间】：2013-04-08 17:05:52
【问题描述】：

我认为它以某种方式涉及视口，但我不擅长移动。我想重新调整字体大小并移动元素。

我看到 HTML 5 Boilerplate 以移动形式出现，我将如何以及何时切换到该形式？

【问题讨论】：

我认为我的问题没有经过深思熟虑，因此决定切换到移动 BP，因为一切都是 CSS 媒体查询。谢谢您的帮助。 :)

标签： javascript mobile html5boilerplate

【解决方案1】：

您可以解析用户代理以确定移动平台（例如，iPhone、iPad、iPod、Android、Opera、Android、BlackBerry、hpwOS、Windows PhoneOS 等）。

最好在 CSS 中使用 @media 查询来利用屏幕尺寸。

供参考：

【讨论】：

【解决方案2】：

这取决于你需要改变什么。

要将 Boilerplate 更改为 Boilerplate Mobile，您可以使用服务器端条件并呈现完全不同的页面。如果您正在使用某种动态框架或可以直接访问服务器，您可以check for User-Agent

Here 是一篇介绍如何使用移动设备专用 JS、CSS 和 HTML 的文章。希望对您有所帮助。

【讨论】：