跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • [html+css] 邮件客户端中使用 html+css 图片被拉伸怎么办?
未分類
21 6 月 2020

[html+css] 邮件客户端中使用 html+css 图片被拉伸怎么办?

[html+css] 邮件客户端中使用 html+css 图片被拉伸怎么办?

資深大佬 : CSGO 3

用 html+css 做了个邮件模版,但是发现发送出去后,有些客户端中图片被拉伸了,并不能像网页中那样按比例缩放。求大佬看看哪里错了,或者不兼容?

<style>
.wifi-img {
width: 600px;
max-width: 100%;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.wifi-img img {
width: 100%;
max-width: 600px;
margin-bottom: 10px;
}
@media screen and (min-width: 1000px) {
.wifi-img {
width: 900px;
display: flex;
flex-wrap: wrap;
margin: 0 auto;
}
.wifi-img img {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
}
</style>

<div class=”wifi-img”>
这里是放 img,有多少就放几个
</div>

大佬有話說 (3)

  • 資深大佬 : Szhi

    设定图片宽和高?

  • 資深大佬 : serco

    大部分 email 客户端对新的样式的支持都很差,flexbox 能不用就不用。
    可以看看这个工具 https://mjml.io/

  • 資深大佬 : 9yu

    htmlemail.io

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具