Update 7.5 @media-Queries (Responsive Webdesign)

Fragen und Tipps & Tricks zur Newsletter Software SuperMailer oder zum BirthdayMailer

Moderatoren: mirko, Wolfi

Antworten
Benutzeravatar
mirko
Beiträge: 23082
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

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

Beitrag von mirko »

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>

hansb
Beiträge: 4
Registriert: 05.11.2013, 09:14

Update 7.5 @media-Queries (Responsive Webdesign)

Beitrag von hansb »

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
Antworten