css - 在帖子中强制图像大小

Question

我正在使用一个提要聚合网站。有时我会收到这样的帖子：http: //food101.co.il/%D7%90%D7%95%D7%98%D7%95%D7%9C%D7%A0%D7%92%D7%99 -%D7%A2%D7%95%D7%9C%D7%94-%D7%9C%D7%99%D7%A8%D7%95%D7%A9%D7%9C%D7%99%D7%9D /

图片大于帖子文本框的地方。这是一个屏幕截图：

有没有办法确保在网站的 css 中这个太大而无法适应的图像将以某种方式重新调整大小？

谢谢。

Answer 1

您只需要编辑您的 css 样式并修复一个度量值（在这种情况下，宽度会更好），因此您的图像将被缩放以适合该值

img {
    width: <value_here>
}

如果你不指定你的高度，图像将被调整大小并相应地保持比例。您还可以指定最大宽度，这样小图像就不会降低质量

Answer 2

我绝对不会使用max-width，尤其是不会width直接在img选择器上使用。然后，您会影响您网站上的每个图像。

使用更具体的东西，比如.entry-content img { max-width: 500px; }

这将针对发布在帖子或文章中的任何图像。