为某些图像设置图像大小

时间:2016-07-18 22:47:08

标签: php jquery html css

我是初学者,请ELI5。

我正在尝试上传照片,并在显示时设置尺寸。照片很可能比设置更大 - 这让我觉得这是可能的。我试过CSS和宽度工作,但高度没有。我给了他们自己的类图像,并且只使用了CSS。这就是我的尝试:

.img-list{
 max-height: 175px;
 max-width: 263px;

}

我也试过

.img-list{
max-height: 100%
max-width: 100%
}

我觉得我可以在主题的.php文件中添加一些东西,但我不知道在哪里。

使用我的CSS,图像会调整大小,但只有宽度和高度不会拉伸。据我所知,图像会拉伸,看起来不像原件,但图像尺寸和细节都很小,因此拉伸不会很明显(我相信)。我知道这必须是可能的。我一直在网上搜索,看到其他人在谈论它。很多其他线程都提到了HTML。我不知道我会把HTML放在哪里。当我将HTML放入图像本身时,它不会改变任何东西。 CSS仍然接管并且无法正常工作。这是我试过的HTML。

<p style="text-align: center;"><a href="URL"><span class="img-list"><img class="alignnone size-full wp-image-801" src="URL" alt="image name" width="512" height="512" /></span></a></p>

<p style="text-align: center;"><a href="URL/"><span class="img-list"><img class="alignnone size-full wp-image-801" src="URL" alt="img name" width="100%" height="100%" /></span></a></p>

<p style="text-align: center;"><a href="URL"><span class="img-list"><img class="alignnone size-full wp-image-801" src="URL" alt="image name" width="300" height="200" /></span></a></p>

所有HTML代码都会产生相同的图像 - CSS处于活动状态。这让我相信我需要在我的.php文件中添加一些HTML ...但它在哪里以及它会是什么?

感谢所有帮助!

0 个答案:

没有答案