我正在创建一个电子邮件传单,我有多个我想要的 140 像素 x 140 像素的图像,但有些图像最初是 300x300 或 400x400。我不想调整每张图片的大小,因为可能有很多图片,而且传单每周更新一次,所以是否可以使用 CSS 告诉所有图片(或具有类的图片)调整为 140 像素?
我本来打算发布一些代码,但这是一个相当模糊的请求,所以我没有可以显示的相关代码来帮助我的问题。
也许如果我<span>...</span>
然后给span一个class,这样可以吗?
最佳答案
如果您的标记用于时事通讯,您可以使用 style
属性以及内联 width
和 height
属性强制尺寸,例如
<img src="..." style="width:140px; height:140px" width="140" height="140" />
但是,无论如何,我强烈建议执行某种批处理任务以自动调整图像大小(例如使用 GruntJS ),这样您就可以在存储静态 Assets 的服务器上节省一些宝贵的带宽。 (相反,如果您将图片嵌入到电子邮件中,用户会喜欢更小的尺寸)
关于css - 是否可以将页面上的所有图像调整为特定大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18612455/