Размеры изображения не работают

Question

так что в основном я пытаюсь поместить изображение под какой-то текст, но я хочу изменить размер изображения. Я загрузил его как изображение размером 256x256 пикселей, я хочу, чтобы это было изображение размером 32x32 пикселя.

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

}

мой CSS

ДИВ просто есть SRC изображения в нем, что помещает изображение на странице, которая работает отлично.

Answer 1

Если вы хотите изменить размер изображения, вам необходимо изменить размер изображения самостоятельно, а не div. Вы можете сделать:

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

Обратите внимание на этом втором он нацелит каждый DIV и изображения на странице. Я рекомендую использовать идентификатор или класса для вызова изображения

или:

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

Я просто схватил Google логотип для теста

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