【问题标题】:Web page is not responsive across mobile device网页在移动设备上没有响应
【发布时间】:2015-01-07 00:06:57
【问题描述】:

我已经使用 twitter 引导程序创建了一个现有的站点以进行响应。当我通过调整浏览器的大小来检查响应时 它工作正常 并且完全适合视口窗口。但是当我在移动设备和平板电脑上检查网站时,它不起作用并显示默认桌面布局。我用过meta viewport tag 和respond.js 但它不再起作用了。我不明白为什么该网站在特定的移动设备上没有反应。

你能帮我解决这个问题吗?我无法在这里预览代码,因为我无法准确理解问题出在哪里。

我的演示站点:playbox

【问题讨论】:

  • 你有 2 个名为 viewport 的元数据,删除与 <meta content="width=1024" name="viewport"> - screencast.com/t/1dirqNCgj 行的第二个元数据
  • 谢谢!问题已解决。 :)

标签: css twitter-bootstrap responsive-design


【解决方案1】:

因为

<meta content="width=1024" name="viewport">

设置

<meta content="width=device-width" name="viewport">

删除第二个 width=1024 就可以了 :)

【讨论】:

  • 糟糕!我以前没见过。顺便说一句,感谢您的大力支持。它现在可以工作了!
  • 没问题我很高兴能帮到你:)
猜你喜欢
  • 2014-09-24
  • 1970-01-01
  • 2019-03-17
  • 1970-01-01
  • 1970-01-01
  • 2017-10-22
  • 1970-01-01
  • 2015-09-16
  • 1970-01-01
相关资源
最近更新 更多