У меня проблема с фоновым изображением. Это отлично смотрится на моем компьютере или когда я поворачиваю свой телефон на его стороне и смотрю его в ландшафте; Тем не менее, его отрезают и не имеют смысла, не размеры прямо в портретном виде. Я могу только заставить его отобразить полное изображение по цене белого пространства внизу или отрезанного изображения. Я попробовал многие из решений, уже опубликованных здесь, безрезультатно. Три, которые я опубликовал здесь, пришли ближайшие. Тем не менее, они хорошо смотрятся в ландшафтном виде. < /P>
body {
width: 100%;
height: 100%;
background: url("HOME.png");
background-position: center center;
background-repeat: no-repeat;
position: fixed;
background-size: cover;
}
< /code>
и < /p>
body {
background: url("HOME.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100vh;
overflow: hidden;
}
< /code>
Это показывает полное изображение, но оставляет половину экрана пустым и взрывается в ландшафте: < /p>
body{
background: url("HOME.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100vw;
overflow: hidden;
}
< /code>
Изображение - 1920x1080. Я также изменил размер картины до 321x174 с такими же результатами. Это проблема с размером изображения? Есть ли способ, которым я могу заставить изображение отображаться на экране без пробела и без отрезания? Пожалуйста, помогите, я сбиваю мозги этим.
Подробнее здесь: https://stackoverflow.com/questions/521 ... t-resizing
