有没有办法强迫＆＃34;强迫＆＃34; Bootstrap中的断点？

Question

我目前正致力于将无响应的网页转换为自适应网页。我面临的问题是，现在只有少数几个页面可以生成响应，而有几个页面不是。对于不是的页面，我已向主体添加了类no-resp，并将容器设置为具有该主体类的页面的静态905px宽度。

在大多数情况下，这已经奏效，但导航存在一些问题。页眉和页脚是以移动优先编码的，因此即使使用静态容器宽度，标题仍然会显示导航，就好像它是移动的一样。

是否可以强制或伪造断点，以便无论屏幕大小如何，都会使用min-width:768px断点？

Answer 1

我不认为您的方法或问题是准确的，但根据您的要求：如果您希望页面只使用min-width:768px媒体查询，那么只需删除媒体查询并制作媒体查询样式是基本样式的一部分：

// Mobile first styles:
body {
  color: red;
}

@media (min-width:768px) {
  body {
    color: blue;
  }
}

只需删除媒体查询。

body {
  color: red;
}

body {
  color: blue;
}

现在所有样式都将使用旧的768断点样式，因为它们将覆盖移动的第一个断点。