Полная картинка на мобильном устройстве

Как разместить изображение на сайте У меня есть альбом (горизонтальный). Мне нужно было место на мобильных устройствах, изображение, высота изображения была полная высота устройства ... И нужно Имеющийся горизонтальной прокрутки .. как тот enter image description here Полная картинка на мобильном устройстве

источник

2015-07-13 Maksim Morozov

Что вы пробовали? Это единственный элемент на вашей странице? Пожалуйста, подумайте над добавлением более подробной информации. – martynasma

@martynasma Это img ... возможно, в div –

'overflow-x: auto' на этом элементе' img'? – ventaquil

Пример:

CSS-файл

html,body { 
    height:100%; 
    margin:0px; 
} 
.img-album { 
    height:100%; 
    overflow-y:hidden; 
} 
.img-album > img { 
    height:100%; 
}

HTML

<div class="img-album"> 
    <img src="http://cdn.wonderfulengineering.com/wp-content/uploads/2014/09/new-wallpaper-3.jpg" /> 
</div>

JSFiddle

источник

2015-07-13 13:25:41

Полная картинка на мобильном устройстве

ответ

Смежные вопросы