Media Query breaking site

Question

Ich habe einen Code für ein Bootstrap-Karussell Ich bin auf einer Website bereitstellen. Es funktioniert perfekt auf großen Geräten, aber ich wollte Medienabfragen hinzufügen, um es für mobile Geräte zu optimieren.

Jedes Mal, wenn ich dem Stylesheet eine Medienabfrage hinzufüge, erhalte ich einen Laufzeitfehler und der Standort bricht.

Ich benutze Umbraco und das Karussell ist eine Teilansicht. Als ich in der sogar eine leere Abfrage wie

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

ich den Laufzeitfehler addieren, was könnte Problem sein?

Danke

Answer 1

Wenn Sie es auf diese Änderung funktioniert es?

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

Answer 2

Da sich Ihr CSS innerhalb eines Tags Ihrer Ansicht befindet und Sie @media verwenden, müssen Sie @ umgehen, indem Sie ein zusätzliches @ hinzufügen. ändern, damit Ihr Code

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

Wenn @ der Compiler denken, dass Sie Razor Code zu schreiben und es einfach Fehler, weil es nicht herausfinden kann, was @media sein sollte, da es keine Variable ist definiert mit seinem Name. Ich hoffe das ergibt Sinn.