css - 使用 CSS 根据原始大小调整图像大小

Question

我正在为移动和桌面用户制作一个响应式博客（多合一）。关于图像大小调整，我知道我可以使用 width:100%; 高度：100%；以便它们根据页面大小按比例缩放，但我注意到较小的图像会放大以适应它所在的 DIV 的宽度。假设我的 DIV 的最大宽度为 640px，但我包含在其中的图像500 像素。

如果分辨率宽度低于 500 像素，我可以使用什么 CSS 将图像保持在 500 像素，然后按比例缩小？

我问这个的原因是因为并非帖子中的所有图像都可能是 640 像素宽。

score 2 · Accepted Answer

2

将您的图像max-width属性设置为实际图像大小。

于 2012-11-09T20:49:15.473 回答

score 0 · Accepted Answer

0

为什么不设置 max-width:100% 并关闭宽度。

于 2012-11-09T20:52:26.353 回答

2 回答 2