邮箱发送HTML文档遇到的问题总结

最新推荐文章于 2024-03-05 11:58:34 发布

AC_meimei

最新推荐文章于 2024-03-05 11:58:34 发布

阅读量898

点赞数 1

文章标签： html css

本文链接：https://blog.csdn.net/weixin_45276056/article/details/113687806

版权

当通过邮箱发送HTML文档时，可能会遇到样式丢失的问题，因为邮箱会自动添加.qmbox类。解决方法包括：1)直接发送HTML附件；2)压缩文件发送；3)在HTML源码中添加.qmbox类包裹内容，并使用内联样式或行内样式。如果仍有样式问题，尝试在父级元素上添加.qmbox类。

摘要由CSDN通过智能技术生成

邮箱发送html文档遇到哪些问题？

原因：因为邮箱在发送html文档时会自动在我们自己写的每个类前面添加.qmbox这样一个类，所以，我总结以下办法：

一、邮件发送有几种方式：

1、直接发html文档附件；
2、压缩发送压缩包；
3、直接源码发送但会遇到下面问题；

二、直接发源码遇到的问题：

问题1：css样式写在body里面邮箱还是没有样式？
解决：在开始写html代码那里开始添加开始标签<div class="qmbox">,在html外写结束标签</div>如：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,user-scalable=no,inital-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" />
    <title></title>
  </head>
  <body style="background: #f8f8f8">
    <style>
      * {
        font-family: "PingFang SC", "微软雅黑", "Microsoft Yahei", Arial,
          Helvetica, sans-serif, "宋体";
      }
     </style>
 <div class="qmbox">   // 开始写这个类
 		<div>写html代码</div>
 </body>
</html>
</div>	 // 这个类结束

问题2：如果做了问题一但部分的样式还是不出来？
解决：可以在那部分的父级的div上加上class="qmbox,比如："<div class="qmbox">

总结：邮件直接发送文档会自动生成 .qmbox这样的类，所以发送前自己添加这个类来包裹html代码，可以不包裹css样式部分，注意css样式最好写成内联或者行内。