媒體查詢斷裂部位

我有一個引導旋轉木馬我部署到網站代碼。它適用於大型設備，但我想添加媒體查詢以針對移動設備進行優化。媒體查詢斷裂部位

但是，每當我添加了一個媒體查詢的樣式表，我得到一個運行時錯誤和站點中斷。

我使用一把umbraco和這個圓盤傳送帶是一個局部視圖。當我添加一個空白查詢，如

@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
}

我得到運行時錯誤，有什麼可能是問題？

謝謝

來源

2016-11-28 ma18

請發表**最小工作示例**你的代碼（HTML/CSS/JS）在[片段]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css -and-HTML的代碼段/）。參見[mcve]和[問]。 – vanburen

我添加了一個代碼示例 – ma18

你是混合JavaScript警告一個CSS媒體查詢。您應該將CSS放入媒體查詢中以更改樣式，或通過Javascript測量窗口寬度以基於此來提醒某些事情。爲您測試的工作媒體查詢將爲： @media screen and（max-width：480px）{color：red！important;} } –

如果將其更改爲此，它是否工作正常？

@@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
}

來源

2016-12-01 20:44:23

因爲你的CSS是在你的視圖中的代碼中，你正在使用@media，你必須逃脫@，通過添加附加@。所以，你的代碼更改

@@media screen and (max-width:480px)

當使用@編譯器認爲你寫的代碼剃刀，它只是錯誤，因爲它無法弄清楚什麼@media應該是，因爲沒有與定義的變量及其名稱。我希望這是有道理的。

來源

2017-01-27 01:56:22 Mikkel

媒體查詢斷裂部位

回答

相關問題