当我在笔记本电脑中调整浏览器窗口的大小时,响应能力非常好,但当我在任何智能手机中加载网站时,它会显示桌面版本。
我发现了similar problem,但没有明确的答案。
我还认为这是我的代码,所以我尝试使用自举模板,但问题仍然存在。
答案 0 :(得分:2)
问题是您是通过iframe加载页面的。您链接的页面是:
但是该页面上有一个全屏幕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加载移动页面,所以我不能说直接经验。