如何检测浏览器是否为移动设备并在正常和移动设备之间切换？

Question

我认为它涉及到查看端口莫名其妙，但我不擅长移动。我想重新调整字体大小并移动元素。

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

Answer 1

您可以解析userAgent以了解移动平台（iPhone，iPad，iPod，Android，Opera。* Android，BlackBerry，hpwOS，Windows PhoneOS等）。 最好在css中使用@media查询来利用屏幕尺寸。

一些参考：

http://mislav.uniqpath.com/2010/04/targeted-css/

http://www.w3schools.com/css/css_mediatypes.asp

Answer 2

这取决于你需要改变。

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

Here是介绍如何使用移动设备专用的JS，CSS和HTML的文章。希望能帮助到你。