Support-Forum Mirko Böer Softwareentwicklungen

Verfasst: **05.11.2013, 17:21**

Ja ist irgendwie ein Fehler, der löscht zu viel raus, wobei in allen Dateien, die ich getestet habe die @media-queries in eigenen <style>-Blöcken angeben sind, obwohl das natürlich nicht notwendig ist. Also am besten 2 <style>-Tags verwenden:

Code: Alles auswählen


<style>
   h1, h2, h3, h4, h5, h6 {
      color:#000000;
   }
</style>

<style>
   @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
      body {
      }
      h1, h2 {
         color:#ffffff;
      }
   }
</style>

Verfasst: **05.11.2013, 14:07**

Ich benutze ein eigenes Template mit einigen Style-Angaben im <head>.

Was ist neu?
Werden fertige E-Mail-Vorlagen mit @media-Queries (Responsive Webdesign) geladen, dann extrahiert SuperMailer jetzt selbst die Stylesheets und fügt diese zu den speziellen Stylesheets hinzu. Es müssen diese nicht mehr manuell im Texteditor aus der HTML-Datei entfernt und in die speziellen Stylesheets übernommen werden.

Seit dem Update auf 7.5 werden @media-Querys extrahiert und zu den speziellen Stylesheets hinzugefügt. Ansich super, funktioniert auch, aber:
Nicht nur die @media-Querys werden exrahiert/optimiert sondern auch normale Styles werden verändert.
Lasse ich die @media-Querys weg, funktioniert alles wie gehabt.

Hier ein beispielhafter Auszug:

Code: Alles auswählen

<style>
	h1, h2, h3, h4, h5, h6 {
		color:#000000;
	}
	@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		body {
		}
		h1, h2 {
			color:#ffffff;
		}
	}
</style>

Nach dem extrahieren/optimieren im Supermailer-Quellcode zu sehen:
@media-Query wie erwartet verschwunden, aber ebenfalls die im @media-Query verwendeten Tags, im normalen Style.

Code: Alles auswählen

<style>
	h3, h4, h5, h6 {
		color:#000000;
	}
</style>

Ist das gewollt, vielleicht verwende ich die @media-Querys falsch?

Viele Grüße

Support-Forum Mirko Böer Softwareentwicklungen

Update 7.5 @media-Queries (Responsive Webdesign)

Re: Update 7.5 @media-Queries (Responsive Webdesign)

Update 7.5 @media-Queries (Responsive Webdesign)