首页
注册
登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请
登录
V2EX 提问指南
广告
V2EX
›
问与答
[html+css] 邮件客户端中使用 html+css 图片被拉伸怎么办?
CSGO
·
2020-06-19 16:48:05 +08:00
· 663 次点击
这是一个创建于 1464 天前的主题,其中的信息可能已经有所发展或是发生改变。
用 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>
wifi-img
width
img
max-width
3 条回复
•
2020-06-19 17:20:38 +08:00
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
htmlemail.io
关于
·
帮助文档
·
博客
·
API
·
FAQ
·
实用小工具
·
2446 人在线
最高记录 6679
·
Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 33ms ·
UTC 03:32
·
PVG 11:32
·
LAX 20:32
·
JFK 23:32
Developed with
CodeLauncher
♥ Do have faith in what you're doing.