4
Ich habe Bootstrap Twitter zu HTML-Format eine Digest-E-Mail-Format.Bootstrap twitter CSS schlägt in Gmail fehl
Formatierung sieht gut in Mail (Mac E-Mail-Client) aus, aber wenn ich meine Gmail von meinem Browser aus überprüfe, trifft die Formatierung nicht zu, also sieht es nicht so schön aus.
Eine Idee, warum das passiert?
Meine E-Mail-Layout:
<!DOCTYPE html>
<html>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
<link href='http://twitter.github.com/bootstrap/assets/css/bootstrap.css' rel='stylesheet' />
</head>
<body id='email'>
<div class="container">
<%= yield %>
</div>
</body>
</html>
digest.html.erb
<div class="row">
<div class="span4">...</div>
</div>
...
Die CSS-Bootstrap twitter von digest.html.erb Formatierung nicht oder zeigen gelten, wenn in Google Mail angezeigt wird. Die Formatierung sieht in meinem Mail (Mac) E-Mail Client gut aus.
Quelle von E-Mail in gmail:
----==_mimepart_4f71da44a148b_612e3fe48e034ec4200f0
Date: Tue, 27 Mar 2012 17:18:28 +0200
Mime-Version: 1.0
Content-Type: text/html;
charset=UTF-8
Content-Transfer-Encoding: quoted-printable
Content-ID: <[email protected]ocal.mail>
<!DOCTYPE html>
<html>
<head>
<meta content=3D'text/html; charset=3DUTF-8' http-equiv=3D'Content-Ty=pe' />
<link href=3D'http://twitter.github.com/bootstrap/assets/css/bootstrap=.css' rel=3D'stylesheet' />
</head>
<body id=3D'email'>
=
<div class=3D"container">
<br/>
....\
Ich stelle fest, alle diese 3D-Präfixe und einige zufällige = im Text, aber ich glaube nicht, dass dies das Problem ist. Irgendwelche Ideen?
'3D' ist der hexadezimale ASCII-Code für das Symbol' = '. Angesichts dessen sieht es so aus, als ob in ERB oder einem Plugin, das zusammen mit ERB arbeitet, eine Art Zeichenflucht stattfindet. Versuchen Sie, die Dateinamenerweiterung in 'digest.text.html.erb' zu ändern. Beachten Sie, dass selbst das in eine Zeichenfolge eingebettete '=' (content = 'text/html; charset = UTF-8'') mit Escapezeichen versehen wird. – Zabba