css - 仅在桌面 View 端口大小上禁用响应

标签 css twitter-bootstrap twitter-bootstrap-3

<分区>

我想为 md、sm 响应禁用我的 bootstrap 3.0 主题,我只是希望它在手机上查看时看起来不同。

我在链接问题中看到的答案是完全禁用对所有内容的响应,我只想禁用平板电脑的响应,我想保持手机的响应。

有没有办法做到这一点?
我不知道less,我可以直接从css文件做吗?
我的网站已经建成,在桌面上运行良好,但当我调整浏览器窗口大小时,很多东西都错了,它在手机上运行良好。

最佳答案

请看这里:http://getbootstrap.com/examples/non-responsive/

禁用页面响应的步骤

  1. 省略 CSS 文档中提到的视口(viewport)
  2. 为每个网格层覆盖 .container 上的宽度 单一宽度,例如 width: 970px !important;确保这是在之后 默认的 Bootstrap CSS。您可以选择避免 !important 对于媒体查询或某些选择器很重要。

  3. 如果使用导航栏,移除所有折叠和展开的导航栏 行为。

  4. 对于网格布局,除了或就地使用 .col-xs-* 类 其中,中型/大型。别担心,超小的设备
    网格缩放到所有分辨率。

    你仍然需要 IE8 的 Respond.js(因为我们的媒体查询是 仍然存在,需要处理)。这将禁用“移动 Bootstrap 的网站”方面。

关于css - 仅在桌面 View 端口大小上禁用响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25058973/

上一篇:html - 在水平滚动期间将 div 保持在背景中

下一篇:javascript - 单击更改元素位置

相关文章:

html - 如何禁用继承的 css 样式?

html - 制作可点击的 3D 图形

css - 如何在 Bootstrap 中对图像进行排序?

javascript - JQuery datepicker 月份下拉边框在 firefox 中显示不正确

html - Bootstrap 导航栏 : brand on left - login on right - collapsible menu on center

css - 导航中的 mainmenu.area 导致移动 View 右侧出现白色间隙

html - 侧面的猫头鹰旋转木马导航箭头

css - 字体在 2 台服务器上的 Chrome 中呈现不同

css - 使 Bootstrap 导航栏始终折叠

css - 是否可以使用响应式方法将 col-xs-1 嵌套到较小的部分 - bootstrap