sol*_*eor 6 html css email html-email responsive-design
我们的CRM允许我们使用他们的软件向我们的客户发送自动电子邮件.像购买收据等等.虽然他们提供电子邮件的HTML编辑,但它受到严格限制,我们可能不会使用任何CSS.
至于他们的风格指南允许的内容,它似乎是所有HTML和一些内联样式,例如:
<span style="color:#ffffff">white</span>
<div style="color:#ffffff">
<img src="dickbutt.gif" style="width:30px;height:20px">
Run Code Online (Sandbox Code Playgroud)
......根据指南,一切都好.但是,不允许其他CSS或CSS引用,包括:
<link rel="stylesheet" href="/stylesheet.css" type="text/css">
Run Code Online (Sandbox Code Playgroud)
要么
<style type="text/css">
@import "/stylesheet.css";
</style>
Run Code Online (Sandbox Code Playgroud)
要么
<style type="text/css">
body { color:green; }
</style>
Run Code Online (Sandbox Code Playgroud)
为了增加对伤害的侮辱,我应该将上面的内容包含在内,<body>标签上方的所有内容(包括身体标签本身)都会在将文件保存在其软件内的HTML编辑器中时被删除.他们有一些自动代码修改脚本,在他们的样式指南中引用"已批准"的代码,并删除剩下的内容.那么我还剩下什么?一点都没有.基本上从开放<table>到结束之间</table>.他们甚至去掉</body>和</html>.
使用剩余的代码,我@media根本无法使用或允许任何<td>堆叠.那么,他们是否有任何其他方式链接到您所知道的样式表?...一种允许堆叠而无需访问CSS的方法?我基本上正在寻找一种方法,使这些电子邮件在上述限制下响应.
我上传了样式指南给JSfiddle:https://jsfiddle.net/Lxfqus7f
看起来您的样式指南包括一些内联样式的使用:
<p>Our studio is <span style="color:purple">purple.</span></p>
Define sections of text that require different HTML <div>
<div style="color:#FC8301">
<h3>This title.</h3>
<p>This is sentence.</p>
</div>
Run Code Online (Sandbox Code Playgroud)
既然您无论如何都会自动生成电子邮件,为什么不直接让这一个滑动并在变量中声明您的样式并在适当的地方使用它们呢?
他们会取消所有风格标签吗?你能把一种风格隐藏在 TD 的开头吗?
<td><style>/*rules are for quitters!*/</style>Stuff</td>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
62 次 |
| 最近记录: |