桌面大小的移动样式的主菜单

Question

我正在开发一个网站，但我在使用 bootstrap/CSS 时遇到了一些问题。

http://50.87.248.234/~placehx2/

在这个页面上，主菜单在 992px 下改变了它的风格，但我希望它在移动风格，即使在大尺寸屏幕上。 如何修改媒体查询？

非常感谢

Answer 1

@media (max-width:1024px) {
  mobile code here
}

您可以将宽度更改为网站所需的宽度

Answer 2

这可能是实现您想要的一种非常老套的方法，但如果您找不到其他方法，您可以将所有媒体最小宽度替换为更大的宽度。

@media (min-width: 768px) {
  //bootstrap classes go here
}

这应该使移动样式适用于更大的窗口，但如果您打算稍后更新引导程序版本，则处理起来有点麻烦，因为您必须重复它。但是为了快速解决这个问题。