这是一个创建于 1619 天前的主题，其中的信息可能已经有所发展或是发生改变。
用 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>
<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>
 |
1
Szhi 2020-06-19 16:56:42 +08:00 via iPhone
设定图片宽和高？
|
 |
2
serco 2020-06-19 17:01:36 +08:00
大部分 email 客户端对新的样式的支持都很差，flexbox 能不用就不用。
可以看看这个工具 https://mjml.io/ |
 |
3
9yu 2020-06-19 17:20:38 +08:00 via Android
|
Select Language