Bootstrap在智能手机中响应无响应

时间:2014-06-23 18:13:41

标签: twitter-bootstrap

this website

我遇到此问题

当我在笔记本电脑中调整浏览器窗口的大小时,响应能力非常好,但当我在任何智能手机中加载网站时,它会显示桌面版本。

我发现了similar problem,但没有明确的答案。

我还认为这是我的代码,所以我尝试使用自举模板,但问题仍然存在。

1 个答案:

答案 0 :(得分:2)

问题是您是通过iframe加载页面的。您链接的页面是:

http://arwink.com/Test

但是该页面上有一个全屏幕iframe加载:

http://www.bondzu.com/template/Test/

如果您查看手机中的第二个链接,您会看到它会相应调整大小。但第一个链接没有。这是因为第一个链接缺少head标记:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

如果你把它添加到第一页,它应该工作,但我老实说从来没有试过通过另一个移动页面上的iframe加载移动页面,所以我不能说直接经验。