html - 移动设备上的 Twitter Bootstrap 未显示为 "xs"大小

标签 html css twitter-bootstrap twitter-bootstrap-3

所以我正在为这个网站进行这个新设计:www.descola.org .

我在我的本地主机上工作,一切都很好,而且我非常小心地在移动屏幕上查看。

但是当我将新设计上传到服务器并在我的手机上打开时,在“XS”屏幕上显示的并不是它们应有的样子。它们在“SM”屏幕上显示为。例如,导航栏没有折叠,图片显示在产品说明旁边而不是上面。

您可以在这里查看:www.descola.org/dev

有人知道我在这里遗漏了什么吗?

干杯,

最佳答案

很抱歉问题中缺少详细信息。但我已经想通了。

由于之前的网站没有响应,这两个语句不在 head 部分:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

现在可以了!

干杯,

关于html - 移动设备上的 Twitter Bootstrap 未显示为 "xs"大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30016367/

相关文章:

html - 无法更改导航栏中当前事件菜单项的文本颜色

safari - Safari 6 或 Bootstrap 模式对话框出现渲染问题?

html - 从导航栏打开模态窗口

jquery - Bootstrap 多选下拉复选框不适用于分页表

html - 有没有办法指示浏览器在某些字符处插入(可选)换行符?

html - 文本下划线或边框底部自定义

javascript - HTML5 - 上传文件而不在客户端处理它

html - 如何让 flex 的 child 占据 100% 的高度

css - Sass 祖先类

css - 选择所选单选按钮的包含 div