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

Question

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

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

Answer 1

确保按照Bootstrap的响应文档中的说明包含元视口元素,以便布局扩展到设备宽度.

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