Как расположить блок с картинкой?

У меня есть большая картинка. Я хочу сделать её фоном. И именно через блок-div (не body).
Картинка не должна изменять свой размер (не должна масштабироваться).

Т.е. вот так.
j07uL7g.jpg
Больше разрешение экрана или окно браузера - видим больше картинки.

Мой код такой
https://jsfiddle.net/L7xav0ew/8/
<div class="image_background">
<div class="page_content">
Контент страницы
</div>
</div>


.image_background
{
position: fixed;
left:0px;
top:0px;
width:1920px;
height:1080px;
background-image:url(https://images.wallpaperscraft.ru/image/everest_gory_nebo_vershiny_96976_1920x1080.jpg);
background-repeat:no-repeat;
}
.page_content
{
position: fixed;
left:0px;
top:0px;
height:100vh;
width: 100vw;
}


Но, картинка как то масштабируется. Открыв её в ACDSee в 100% разрешении (или чем угодно), я вижу справа ту часть, которую не вижу при просмотре страницы.
Начертив линию на 1920 пикселе (мое разрешение по горизонтали) и 1600 пикселе, на странице я увижу только линию на 1600 пикселе причем рядом с краем экрана. Картинка явно увеличена.

Как расположить блок с картинкой?
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы