网页在移动设备上没有响应
Web page is not responsive across mobile device
我已经使用 Twitter bootstrap 将现有站点设为响应式。当我通过调整浏览器大小来检查响应能力时 它工作正常 并且完全适合视口 window。但是当我在手机和平板电脑上查看网站时,它不起作用并显示默认桌面布局。我用过 meta viewport tag
和 respond.js 但它不再起作用了。我不明白为什么该网站在特定的移动设备上没有反应。
你能帮我解决这个问题吗?我无法在这里预览代码,因为我无法理解问题到底出在哪里。
我的演示站点:playbox
因为
<meta content="width=1024" name="viewport">
设置
<meta content="width=device-width" name="viewport">
删除第二个 width=1024 就可以了:)
我已经使用 Twitter bootstrap 将现有站点设为响应式。当我通过调整浏览器大小来检查响应能力时 它工作正常 并且完全适合视口 window。但是当我在手机和平板电脑上查看网站时,它不起作用并显示默认桌面布局。我用过 meta viewport tag
和 respond.js 但它不再起作用了。我不明白为什么该网站在特定的移动设备上没有反应。
你能帮我解决这个问题吗?我无法在这里预览代码,因为我无法理解问题到底出在哪里。
我的演示站点:playbox
因为
<meta content="width=1024" name="viewport">
设置
<meta content="width=device-width" name="viewport">
删除第二个 width=1024 就可以了:)