作者:手机用户2502873691 | 来源:互联网 | 2022-10-12 18:44
我有一个有趣的问题,似乎无法解决。
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的值。
有人找到解决此问题的方法了吗?设置边距和填充属性似乎不会覆盖边距块。