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