如何在 Bootstrap 中禁用平板电脑的响应能力答案

【问题标题】：How to disable responsiveness for tablet in Bootstrap如何在 Bootstrap 中禁用平板电脑的响应能力
【发布时间】：2013-12-17 04:59:32
【问题描述】：

有什么方法可以禁用仅在平板电脑上的引导响应或以设置以像素为单位的特定显示尺寸？？

我希望 Bootstrap 只在手机和桌面上响应。

因此，如果页面是在平板电脑上打开的，那么显示屏将显示为桌面显示屏。

【问题讨论】：

【解决方案1】：

在 Bootstrap 3 中，进入 variables.less 文件。查找：

@screen-md: 992px;

改成：

 @screen-md: @screen-sm;

编译。

【讨论】：

【解决方案2】：

使用 css @media 查询。阅读媒体查询here。

打开您的bootstrap.css 文件。现在，执行 Ctrl + F 并在某处寻找 @media。它将具有屏幕大小作为参数。您只需注释掉与您的平板电脑对应的尺寸即可。

【讨论】：

【解决方案3】：

您可以使用Bootstrap's customizer 来实现。

基本上，您想要的是平板电脑布局与桌面布局相同。 Bootstrap 确定要显示哪个版本的方式有 4 个变量：@screen-xs-min、@screen-sm-min、@screen-md-min 和 @screen-lg-min，分别表示超小、小、中和大。

超小通常适用于手机，小适用于平板电脑，中适用于小型桌面屏幕（或大平板电脑），大适用于超大桌面屏幕。请注意，这不是保证，它只是在可用时使用更多的屏幕空间。

所以你想要的是让平板电脑断点@screen-sm-min永远不会发生，所以你可以将其值设置为0（或1，我不确定0是一个可接受的值。

或者，您可以删除所有被 @media 查询平板电脑宽度包围的 CSS。

我建议你阅读更多关于Bootstrap's responsive utilities 的内容，最好是正确使用它们，然后干掉它们。

【讨论】：