gpt4 book ai didi

ruby-on-rails - Bootstrap twitter CSS在gmail中失败

转载 作者:行者123 更新时间:2023-12-04 06:22:20 25 4
gpt4 key购买 nike

我使用 Bootstrap Twitter 将 HTML 格式的摘要电子邮件。

Mail(Mac 电子邮件客户端)中的格式看起来很好,但是当我从浏览器检查我的 gmail 时,格式不适用,所以看起来不太好。

知道为什么会这样吗?

我的电子邮件布局:

<!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>

摘要.html.erb
     <div class="row">
<div class="span4">...</div>
</div>
...

在 Gmail 中查看时,来自 digest.html.erb 的 Bootstrap twitter CSS 格式不适用或不显示。格式化在我的 Mail (mac) 电子邮件客户端中看起来不错。

来自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: <4f71da44b71dc_612e3fe48e034ec4202ee@joel-maranhaos-macbook-pro.local.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/>
....\

我注意到文本中的所有这些 3D 前缀和一些随机 =,但我不认为这是问题所在。
有任何想法吗?

最佳答案

阅读this article这解释了 <head>电子邮件客户端经常忽略。通常,您希望在 body 标记中包含所有样式,最好将它们应用于每个元素

IE

<p style="font-family:pupcat;text-size:15px;line-height:19px;">Blah</p>

你也应该改正那些错别字,它们对你没有帮助

关于ruby-on-rails - Bootstrap twitter CSS在gmail中失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9876330/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com