HTML 帮助：width="100%" 拉伸图像？

Posted 2023-03-10

【中文标题】HTML 帮助：width="100%" 拉伸图像？

【英文标题】：HTML help: width="100%" stretches out images?

【发布时间】：2013-10-09 01:17:32

【问题描述】：

我喜欢在我的 tumblr 博客中使用width="100%"，因为它可以阻止高分辨率图像在我的博客上创建水平滚动条，并且它“包含”我所有的图像，但它还将较小的图像拉伸到最大尺寸来制作图像模糊。我怎样才能阻止这个？我希望高分辨率图像保持包含，但我也希望较小的图像保持真实大小。或者也许有不同的代码来“包含”高分辨率图像，而不是“溢出”和超大规模？谢谢你的帮助！

下面是一些代码：

block:Photo <div class="photo-post">
LinkOpenTag<a href="Permalink"><img src="PhotoURL-highres"  /> </a>LinkCloseTag block:Caption<div class="caption">Caption</div>/block:Caption </div> /block:Photo

我已经在整个网络上搜索了答案，但没有运气！希望有人能帮我解决这个问题。

【参考方案1】：

您需要改用 CSS 规则：

.post-or-whatever img 
    max-width: 100%;

【讨论】：

哇！谢谢马蒂！！经过所有这些搜索，看看它是多么简单。非常感谢！问题解决了！