如何缩放电子邮件正文中的图像？
如何缩放电子邮件正文中的图像？
提问于 2013-08-09 22:45:42
如何缩放电子邮件正文中的图像？
我在一个email.And中添加html模板，该模板中有一个图像。
我想，图像应该是适合根据电子邮件客户端width.And的高度应根据图像width.Something调整如下：-
它应该在所有的电子邮件供应商工作。
仅供参考，我正在开发ASP.NET应用程序。
编辑：
我将图像宽度设置为100%，而不是在那里设置图像高度。
这是最好的方法还是正确的方法？
回答 3
Stack Overflow用户
发布于 2013-08-15 16:40:19
我会选择设置：
width: 100%;
height: auto;演示:不带CSS的http://jsfiddle.net/gjtC9/：http://jsfiddle.net/gjtC9/2/
问题是这是不是最好的和正确的方法..好吧，如果有人在手机上打开电子邮件，那么分辨率是很小的-所以巨大的图像被放大到很小的比例。
->手机将加载巨大的图片，这些图片会被缩小--这让我产生了更多的疑问，这张图片真的有必要吗？你要把那些有信息或有价值的图片放在上面吗？:D
Stack Overflow用户
发布于 2013-08-21 20:13:09
- 使用内联样式。如下所示：
<img style="width: 100%; height: auto;" ... - Ensure您的
img标签不在设置或限制图像高度的容器中 - 如果您仍然需要一个容器或难以与其他样式交互，请使用
max-width，而不是width。<img style="max-width: 100%" >
Stack Overflow用户
发布于 2013-08-22 07:05:49
在下图中，您可以看到实际的电子邮件正文开始于电子邮件的to对象下。我不能理解为什么你想做更广泛的事情。
从您的图像：您提供的图像图像，照片已正确缩放。它适合包装它的div，从左到右。
我的图像中的：，这只是一个文本，但是你可以看到文本从to对象下面开始。
结果：您不能缩放或使图像比这更宽。但是，当您将宽度设置为100%时，我相信您会理解。浏览器实际上提供了该宽度的100%宽度。超过这个大小可能会在UI上造成一些问题，而gmail永远不会允许你这样做。
我希望你能明白我的意思。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18149447
复制相关文章
相似问题
腾讯云开发者
