[GELÖST] CSS Media Query funktioniert nicht wegen SASS?!

[Dennis Greiffenberg，修改在12 年前。]

Hi,

Ich möchte gerne mit Hilfe von media queries unterschiedliche Inhalte ausliefern, was eigentlich kein Problem darstellen sollte.
Irgend etwas -ich vermute SASS- verändert jedoch meinen Code.

Aus

@media (max-width: 750px) and (min-width: 520px) {
   .mydiv {
      background-color:red;
   }
}

wird Folgendes:

@media(max-width:750px) an[b][color=#ff0000]d([/b][/color]min-width:520px){.mydiv{background-color:red;}}

...wodurch die Ganze media query nicht mehr funktioniert (beachte das entfernte Leerzeichen zwischen "and" der öffnenden Klammer).

Wenn ich das Leerzeichen im Firebug wieder hinzufüge funktioniert die Query tadellos.
Kann mir einer sagen, wie ich das Leerzeichen so escape, dass es erhalten bleibt oder wie ich die Abfrage anders gestalten kann?

Vielen Dank und viele Grüße,
Dennis

[Dennis Greiffenberg，修改在12 年前。]

Die Lösung des Problems ist das "CSS minifying" zu deaktivieren. Dies erfolgt über den folgenden Parameter in der portal-ext.properties:

minifier.inline.content.cache.size=0

HTH,
Dennis

[Olaf Kock，修改在12 年前。]

Das sieht mir in dem Fall dann aber nach einem Bug im Minifier aus, der behoben werden sollte. Der Sinn dess Minifiers ist schließlich semantisch identisches CSS mit weniger Umfang, insbesondere auch die Kombination aller CSS files in einem einzigen. In Produktivsystemen würde ich immer empfehlen, dieses einzusetzen.

[Dennis Greiffenberg，修改在12 年前。]

Olaf Kock:

Das sieht mir in dem Fall dann aber nach einem Bug im Minifier aus, der behoben werden sollte.

...done! -> http://issues.liferay.com/browse/LPS-25202

Viele Grüße,
Dennis

[Olaf Kock，修改在12 年前。]

Dennis Greiffenberg:

...done! -> http://issues.liferay.com/browse/LPS-25202

Danke