在CS購物車中被忽略的媒體查詢

我試圖弄清楚爲什麼，但似乎沒有任何工作，我看到的有關'媒體查詢被忽略'的所有其他問題都是由於未設置媒體查詢以正確的方式或不在正確的地方。我已經看過答案，他們都沒有解決這個問題（似乎是）的獨特問題。在CS購物車中被忽略的媒體查詢

所以這裏是我的代碼，我使用CS購物車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，菜單會被壓扁一點，所以我想改變它，使它看起來更漂亮，並且優雅地降低屏幕尺寸。問題是;我的全套媒體查詢被忽略。

有什麼建議嗎？我完全被這一個難住了。

來源

2015-10-07 ow_dj

嘗試使用'@media只有屏幕和（最大寬度：1200像素）{...' – vivekkupadhyay

謝謝，我使用的替換1200像素行並將其半作品。所以現在它正常降解1200px，但其他媒體查詢下面的979px，767px和480px仍然不起作用。我發現，當我從Custom CSS主題編輯器中刪除所有內容並將其保存爲空時，然後再將所有CSS再次粘貼到1200px的作品中。爲什麼這樣做？ –

好吧，@vivekkupadhyay給出的答案是半固定的。我還發現，如果從編輯器中刪除所有內容（如上所述）並保存樣式。再次將CSS粘貼到編輯器中並保存，然後按預期方式正常工作。這花了幾個小時。希望這可以爲有相同問題的其他人清理一些事情。抱歉浪費任何人的時間！ –

您可以檢查它是如何工作的CS-車在下列文件：

設計/主題/響應/ CSS/tygh/responsive.less

這裏是一個可以正常工作的例子。沒有任何額外的改變是必需的

@media (max-width : 1200px) { 
    .nav-menu { margin: 0; } 
}

來源

2015-10-20 08:58:33

在CS購物車中被忽略的媒體查詢

回答

相關問題