Разместить изображение большого размера в окне просмотра без скольжения

Question

Я попытался добавить изображение на страницу, но в итоге изображение слишком велико для области просмотра. введите описание ссылки здесь Я попытался каким-либо образом опубликованным способом, но ни один из них не работает.Есть ли в любом случае сделать это без изменения размера изображения с помощью фиксированной ширины / высоты

Answer 1

попробуйте использовать

width : 100%

Вот некоторые обновления на вашем коде https://codepen.io/anon/pen/vjMWYo

Answer 2

попробуйте использовать max-width:100% на изображении.Как то так:

img {
max-width: 100%;
}

<img src="http://via.placeholder.com/1700x400" />