У меня есть фото фона на моем сайте, используя background-size:cover
. Он работает по большей части, но оставляет в своем портретном режиме странное ~ 30px пустое пространство на моей Galaxy S3.
Я прикрепил скриншот. Линия 1px teal предназначена для иллюстрации всего экрана. Кажется, что фон останавливается сразу после социальных сетей ul
s.
Я проверил это, удалив ul
, а фон привязал его к нижней части текста тега.
Кроме того, здесь мой CSS, имеющий отношение к мобильному портату:
@media only screen and (max-width: 480px) {
.logo {
position: relative;
background-size:70%;
-webkit-background-size: 70%;
-moz-background-size: 70%;
-o-background-size: 70%;
margin-top: 30px;
}
h1 {
margin-top: -25px;
font-size: 21px;
line-height: 21px;
margin-bottom: 15px;
}
h2 {
font-size: 35px;
line-height: 35px;
}
.footer_mobile {
display: block;
margin-top: 20px;
margin-bottom: 0px;
}
li {
display: block;
font-size: 1.3em;
}
Раньше этого не было, но я, наверное, случайно прослушивал его, пытаясь решить еще одну проблему.