我正在使用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/
图片大于帖子的文字框。这是一个屏幕截图:
有没有办法在网站的css中确保这个太大而不适合的图像会以某种方式重新调整尺寸?
感谢。
答案 0 :(得分:2)
你只需要编辑你的css样式并修复一个度量(在这种情况下,宽度更好),所以你的图像将被缩放以适应该值
img {
width: <value_here>
}
如果您没有指定高度,图像将会调整大小并相应地缩放。你也可以指定一个最大宽度,这样小图像就不会失去质量
答案 1 :(得分:2)
我绝对不会直接在max-width
选择器上使用width
,特别是img
。然后,您会影响您网站上的每个图片。
使用更具体的内容,例如.entry-content img { max-width: 500px; }
这将针对帖子或文章中发布的任何图片。