php - 如何在不影响较小图像的情况下使网页上的图像适合最大宽度？

Question

我为我的网站设置了一个博客。想象一篇文章的空间有限，我想定义一个区域，以便在文章顶部有一个永远不会超过最大宽度的图像。到目前为止，我所拥有的是用于定义max-width等的基本 CSS 样式。我想知道的是如何控制它以使较小的图像不会受到影响？

也就是说，如果我有 700px 的空间，大于 700px 的图像会缩小，但小于 700px 的图像将保持不变，并且可能居中或任何我想要的。

我环顾四周，但找不到能产生结果的说法。如果这不能通过 CSS 完成，我还可以在必要时使用 PHP。

感谢您的阅读和任何帮助！

score 2 · Accepted Answer

使用纯 CSS 你可以做到这一点：

.post img {
  width: auto;
  height: auto;
  max-width: 700px;
  max-height: 1000px;
}

注意：这是 IE8+ 和其他最新的浏览器。见：http ://caniuse.com/#search=max-width

score 0 · Accepted Answer

你可以尝试 % 而不是 px。这将自动调整图像大小。尝试使用 % 或 am 因为它在所有屏幕尺寸上显示相同的结果。

U 也可以使用 % 以上 100 这将放大图像尺寸。

问候！

2 回答 2