禁止响应式布局

AuxUI 概览,下载、使用,模板示例,二次开发……

禁止响应式布局有如下几步:

  1. 移除浏览器视口(viewport)的标签:<meta>
  2. 通过为 .container 类设置一个 width 值从而覆盖框架的默认 width 设置,例如 width: 970px !important; 。请确保这些设置全部放在默认的 CSS 文件的后面。注意,如果你把它放到媒体查询中,也可以略去 !important
  3. 如果使用了导航条,需要移除所有导航条的折叠和展开行为。
  4. 对于栅格布局,.row设置为margin: 0;,使用 .col-xs-* 类替换掉 .col-md-*.col-lg-*。不要担心,针对超小屏幕设备的栅格系统能够在所有分辨率的环境下展开。
示例
<style type="text/css">
.container{width:1170px; max-width:none !important;padding: 0;}
.row{margin: 0;}
</style>