Изображение Изменение размера корректировки

Question

Изображения на моем веб-сайте изменяют размер и, таким образом, меняют их коэффициенты. Без обрезки изображения в редакторе фотографий я хотел бы сделать положение изображения и изменить его размер, чтобы переполнение было скрыто.

#menugallery img { 
width: 100%%; 
height: 400px; 
overflow: hidden; 
} 

И Херес HTML:

<li> 
       <a href="#"> 
        <img src="img/menuimages/burrito.png"> 
        <p class="menucaption">Burritos</p> 
       </a> 
      </li> 

Answer 1

Вы не можете исправить и высоту и ширину, но сохраняя отношения. Таким образом, вы должны либо сохранить ширину на 100% с помощью высоты авто. Или высота: 100%; ширина: авто

#menugallery img { 
    display: block; 
    width: 100%; 
    height: auto; 
    overflow: hidden; 
} 

или

#menugallery img { 
    display: block; 
    width: auto; 
    height: 100%; 
    overflow: hidden; 
} 

или вы можете установить изображение на фоне фона размер: крышка; background-position: центр;

#menugallery img_holder { 
    display: block; 
    height: 100%; 
    width: 100%; 
    background-position: center center; 
    background-size: cover; 
} 

<div id="menugallery"> 
    <div class="img_holder" style="background-image: url('img.jpg');"></div> 
</div>