我是初学者,请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 ...但它在哪里以及它会是什么?
感谢所有帮助!