我试图找出原因,但似乎没有任何工作以及我所看到的与“媒体查询被忽略”有关的所有其他问题都是由于媒体查询没有以正确的方式设置或未在正确的地方。我看过答案,但没有一个能解决这个(似乎是什么)独特的问题。
所以这是我的代码,我在CS Cart 4中使用自定义CSS编辑器。它使用内置于其核心的LESS和Bootstrap 2。这是我到目前为止所写的内容。你能发现任何问题吗?
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }
@media screen and (max-width: 1200px) {
.nav-menu { margin: 0; } [...]
}
我无法提供该网站的链接,因为它位于本地开发系统上,但基本上我在标题中有一个菜单。一旦屏幕低于1200px,菜单会有点压扁,所以我想改变它,使它看起来更好,并且屏幕尺寸越小,优雅地降低。问题是;我的整套媒体查询被忽略了。
有什么建议吗?我完全被这个困扰了。
答案 0 :(得分:0)
您可以在以下文件中查看它在CS-Cart中的工作方式:
设计/主题/响应/ CSS / tygh / responsive.less
以下是可正常使用的示例。无需任何其他更改
@media (max-width : 1200px) {
.nav-menu { margin: 0; }
}