我使用 Twitter Bootstrap 框架来构建我的最新网站。我曾经boostrap.responsive.css
让它在移动设备上工作。但事实并非如此。似乎它根本看不到 CSS。当我在我的 Android 手机上运行它时,它就像我的 PC 一样显示我的网站。但是当我在 PC 上调整浏览器窗口的大小时,效果很好。可能是什么问题?我没有弄乱引导程序的CSS。
当我运行alert($(window).width());
时,它返回 980。
我使用 Twitter Bootstrap 框架来构建我的最新网站。我曾经boostrap.responsive.css
让它在移动设备上工作。但事实并非如此。似乎它根本看不到 CSS。当我在我的 Android 手机上运行它时,它就像我的 PC 一样显示我的网站。但是当我在 PC 上调整浏览器窗口的大小时,效果很好。可能是什么问题?我没有弄乱引导程序的CSS。
当我运行alert($(window).width());
时,它返回 980。
确保按照 Bootstrap 的响应文档中的说明包含元视口元素,以便布局将缩放到设备宽度。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
您必须按照样式表的顺序在 bootstrap.css 之后调用 bootstrap-responsive.css。
即 bootstrap.css bootstrap-responsive.css