图像尺寸不起作用

Question

所以基本上我试图在一些文本下放一个图像，但我想调整图像的大小。我将其下载为 256x256 像素的图像，我希望它是 32x32 像素的图像。

div {
height: 1px;
width: 1px;

}

是我的 CSS

div 中只有一个图像 src，可以将图像放在页面上，工作正常。

Answer 1

如果你想调整图像的大小，你需要调整图像的大小，而不是div。您可以执行以下操作之一：

<style>
#myimg {
    width 10px;
    height: 10px;
}
</style>

请注意，在第二个中，它将针对页面中的每个div和图像。我建议使用 ID 或类来调用图像

或：

<style>
div img {
    width 10px;
    height: 10px;
}
</style>

我刚刚抓住谷歌徽标进行测试

<div id="mydiv"><img id="myimg" src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" /></div>