- 移除head标签里的meta标签:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这个标签的作用是移动设备在访问网站时不会进行缩放,以100%的比例显示在移动设备中。
2. 给container设置固定width,覆盖它根据设备宽度自动调节的功能中。
.container {
width: 1280px !important;
max-width: none !important;
}
- 删除折叠菜单(这一点我还没弄明白)
- 栅格布局采用
.col-xs-
确保栅格能够在所有设备中展开。