在帖子中强制图像大小

时间:2012-11-06 16:19:23

标签: css wordpress

我正在使用Feed聚合网站。有时我会发帖子: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/

图片大于帖子的文字框。这是一个屏幕截图: enter image description here

有没有办法在网站的css中确保这个太大而不适合的图像会以某种方式重新调整尺寸?

感谢。

2 个答案:

答案 0 :(得分:2)

你只需要编辑你的css样式并修复一个度量(在这种情况下,宽度更好),所以你的图像将被缩放以适应该值

img {
    width: <value_here>
}

如果您没有指定高度,图像将会调整大小并相应地缩放。你也可以指定一个最大宽度,这样小图像就不会失去质量

答案 1 :(得分:2)

我绝对不会直接在max-width选择器上使用width,特别是img。然后,您会影响您网站上的每个图片。

使用更具体的内容,例如.entry-content img { max-width: 500px; }

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