1

我必须构建一个模板以使用模板发送mjml邮件jinja2。我插入了一张图片。发送邮件后，图片仅在 Gmail 网页版中显示，移动版（Gmail 应用程序）图片无法加载（显示带有问号的蓝色框）。我在outlook上遇到了同样的问题。该图像存储在谷歌照片中。我想知道为什么我尝试过，原始图像中的所有属性图像都background-url在 div 中，但对我没有任何作用！我怎么可能遇到这个问题？

      <!--chart-->
      <mj-section border-left="solid 2px #bebebe" border-right="solid 2px #bebebe">
        <mj-column>
          <mj-text align="center">
            
            <!--Svg have not worked for me since it is not supported-->
            <!-- <mj-raw>
              <div class="chart flex col center">
                {{data.chart|safe}}
              </div>
            </mj-raw> -->

            <!-- mj-image does not display in mobil-->
            <!-- <mj-image align="center" src="{{data.chart}}" /> -->

             <!-- background URL also -->
            <mj-raw>
              <div class="chart flex col center" style="width: 100%; height:350px; display: block; background: url({{data.chart}}); background-size: contain; backgound-repeat:no-repeat; background-position: center;">
              </div>
            </mj-raw>

            <!-- Simple image also-->
            <!-- <mj-raw>
              <div class="chart flex col center">
                <img src={{data.chart}} width="200" alt="report" title="report" height="400px" style="display:block">
              </div>
            </mj-raw> -->

          </mj-text>
        </mj-column>
      </mj-section>
      <!--/chart-->
4

0 回答 0