我正在为我的照片社区网站制作新闻通讯.在时事通讯中,我希望有一个图像网格.这是电子邮件客户端中未完成的渲染.正如您所看到的那样,它有问题,这只是为了说明我正在尝试构建的内容.

实际上,图像文件的分辨率大约是电子邮件中显示的两倍.此外,它们可以是任何纵横比和方向.我想要实现的目标：

>将所有图像强制为200 x 200px单元格
>不要扭曲图像,必须保持纵横比
>必须始终在水平和垂直方向填充单元格
>背景大小应该集中
>元素必须是可点击的,导致该特定照片
>应该是健壮的,并在最流行的电子邮件客户端工作

在普通网络技术(与电子邮件中的HTML相对)中,这将是将图像容器设置为固定尺寸并使用background-size：cover.我已经了解了许多HTML电子邮件限制,但我仍然试图找到这种或那种方式.

我真的在这里完成一项不可能的任务吗？

到目前为止我尝试过的：

>将图像设置为包围img标记的a的背景.通过一些调整可以得出合理的结果,但是居中是一个问题,outlook.com根本不显示图像.
>使用普通的img标签及其周围的“a”,并尝试控制图像及其包装上的最大宽度和高度.这里太中心化是主要问题

我真的希望可以这样或那样做(不是在我的情况下服务器端调整大小不是一个选项).

最佳答案 由于这是在电子邮件客户端上,因此您不能使用任何脚本语言.这意味着在客户端无法操作图像.

在创建电子邮件之前,您必须手动为图片创建缩略图或制作一些创建缩略图服务器端的代码.

在我不知道您是如何创建电子邮件的情况下,我可以告诉您这一点.