Ich versuche, Spalten nebeneinander auf großen Bildschirmen anzuzeigen und übereinander auf mobilen Geräten anzuzeigen, aber ich konnte bisher nicht, ich habe versucht, die gleiche Vorgehensweise ZURB in ihren Vorlagen verwendet wo sie zu div s floated hinzugefügt wurden und dann den Float auf kleinen Geräten wie:
Und in meinem <style> -Tag:
Es sieht fast überall gut aus, aber outlook.com Scheint Streifen aus dem CSS zu ziehen, damit sie dort nicht nebeneinander schauen.
Ich habe versucht, Tabellenzellen anstelle von div s wie:
Behält die gleichen CSS-Klassen bei, obwohl es das Problem in Desktop-Clients behebt, sieht es auf iOS-Geräten Seite an Seite aus (als ob display: block nicht auf td s angewendet wird)
Hat jemand eine Idee?
Sie sollten zur Verwendung von Tabellen statt Divs wechseln. Sehen Sie sich das folgende HTML-Markup als Referenz an. Auch wäre dieser Leitfaden sehr hilfreich: Ссылка
%Vor%Tags und Links html responsive-design html-email email-client