如何检测浏览器是否可移动并在正常和移动之间切换?

时间:2013-04-08 17:05:52

标签: javascript mobile html5boilerplate

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

我看到HTML 5 Boilerplate以移动形式出现,我将如何以及何时切换到那个?

2 个答案:

答案 0 :(得分:1)

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

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

Here是一篇解释如何使用特定于移动设备的JS,CSS和HTML的文章。希望它有所帮助。

答案 1 :(得分: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