图像尺寸不起作用

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>