热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

HTML电子邮件开发和利润限制

如何解决《HTML电子邮件开发和利润限制》经验,请问有没有懂的朋友?

我有一个有趣的问题,似乎无法解决。

Chrome和FireFox添加了默认样式,margin-block-start:1em; margin-block-end:1em;Safari添加margin-before:1em; margin-after:1em;了段落和标题元素。这导致段落之间以及标题及其关联副本之间的空间超出了预期。

我能够添加一个重置,该重置可用于直接在浏览器中查看HTML。但是,这种重置无法在Outlook.com,Office 365和Gmail上实现。这些Webmail客户端似乎不支持这些CSS属性,并且正在将它们过滤掉。

到目前为止,这是我尝试使用的方法:

p, h1, h2, h3, h3, h4, h4 {
   margin-block-start:0px;
   margin-block-end:0px;
   margin-inline-start:0px;
   margin-inline-end:0px;
   -webkit-margin-before:0px;
   -webkit-margin-after:0px;
   margin-before:0px;
   margin-after:0px;
}

这种CSS样式没有使其成为电子邮件客户端上的样式标签。例如,Outlook.com将方括号显示为空,其中没有任何属性。因此,不会进行全局重置,并且浏览器将应用1em的值。

有人找到解决此问题的方法了吗?设置边距和填充属性似乎不会覆盖边距块。


推荐阅读
author-avatar
手机用户2502873691
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有