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

时间:2013-02-18 17:47:19

标签: twitter-bootstrap

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

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

2 个答案:

答案 0 :(得分:13)

确保按照Bootstrap的responsive docs中的说明包含元视口元素,以便布局缩放到设备宽度。

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

答案 1 :(得分:-1)

您必须按照样式表的顺序在bootstrap.css之后调用bootstrap-responsive.css。

即 bootstrap.css 自举-responsive.css