twitter-bootstrap - Twitter Bootstrap 的响应式 CSS 适用于调整大小的窗口,但不适用于移动设备

标签 twitter-bootstrap

我使用 Twitter Bootstrap 框架来构建我的最新网站。我使用 boostrap.responsive.css 使其在移动设备上运行。但事实并非如此。看起来它根本没有看到CSS。当我在 Android 手机上运行它时,它就像我的 PC 一样显示我的网站。但当我在 PC 上调整浏览器窗口大小时,效果很好。可能是什么问题?我没有搞乱 bootstrap 的 css。

当我运行 alert($(window).width()); 时,它返回 980。

最佳答案

确保按照 Bootstrap 的 responsive docs 中的说明包含元视口(viewport)元素。因此布局将缩放到设备宽度。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

关于twitter-bootstrap - Twitter Bootstrap 的响应式 CSS 适用于调整大小的窗口,但不适用于移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14942287/

相关文章:

java - Spring 安全 "Refused to execute script from ..."

php - 使用 WordPress 的下拉列表

html - 在 Bootstrap 模态框中使用 <img>

jquery - 带有 Bootstrap 的模态,显示来自文本区域的值

css - 如何在 Bootstrap 4 中覆盖 SASS 间距

css - Bootstrap 网格对齐不起作用

javascript - 有条件地绘制 HTML5 Canvas

html - 使用 CSS Flexbox 的仪表板标题

html - 如何使用 CSS 为 <a> 文本而不是 <span> 设置动画

javascript - Swiper JS 自动播放在 Laravel + Bootstrap 中移动到其他选项卡面板后停止