将心比心,方得人心~

如何禁止Bootstrap禁止响应式布局

周洲 2018-04-24 09:15:45

1.移除标签

禁用响应式布局的第一步买就是移除在head标签中添加的meta标签,如下所示


    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
对这个标签做一个简单的解释,这个标签的作用在于使得你的网站在移动设备端访问的时候,不会进行缩放,而是以100%的比例显示在移动设备中。


2.为container设置一个宽度

禁用的第二步是为.container类设置一个宽度,从而覆盖它根据设备宽度而自动调节的功能,网上找到的教程普遍只对container类设置一个宽度,这里我们给container设置一个最大宽度为none,并且全部设置为!important,保证能覆盖原来的Bootstrap样式,如下所示:


 width: 1280px !important;
  max-width: none !important;


打赏

『微信打赏』

Tag标签Bootstrap 

我是有底线的