css - 是否可以将页面上的所有图像调整为特定大小?

标签 css image resize

我正在创建一个电子邮件传单,我有多个我想要的 140 像素 x 140 像素的图像,但有些图像最初是 300x300 或 400x400。我不想调整每张图片的大小,因为可能有很多图片,而且传单每周更新一次,所以是否可以使用 CSS 告诉所有图片(或具有类的图片)调整为 140 像素?

我本来打算发布一些代码,但这是一个相当模糊的请求,所以我没有可以显示的相关代码来帮助我的问题。

也许如果我<span>...</span>然后给span一个class,这样可以吗?

最佳答案

如果您的标记用于时事通讯,您可以使用 style 属性以及内联 widthheight 属性强制尺寸,例如

<img src="..." style="width:140px; height:140px" width="140" height="140" />

但是,无论如何,我强烈建议执行某种批处理任务以自动调整图像大小(例如使用 GruntJS ),这样您就可以在存储静态 Assets 的服务器上节省一些宝贵的带宽。 (相反,如果您将图片嵌入到电子邮件中,用户会喜欢更小的尺寸)

关于css - 是否可以将页面上的所有图像调整为特定大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18612455/

相关文章:

javascript - 如何在换页时保持活跃类(class)

javascript - 如何在向下和向上滚动时触发 css 动画

java - Java 中 BufferedImage 的 3/3/2 RGB 样本字节数组

android - 将图标与 Button android 中的文本对齐

ios - UIImage 在仅调整相机图片大小时会旋转,但在截图图片时效果良好

javascript - 使复选框在 Angular 中不可点击

javascript - 更新成功后显示弹出窗口

javascript - 在 Javascript 中绘制图像

android - 我应该在添加到 ImageView 之前调整位图的大小还是让 ImageView 调整位图的大小?

xcode - 如何在 Xcode 中制作可调整大小的裁剪矩形来裁剪图像?