“Background-size: cover” não cobre a tela do celular
Eu tenho um fundo de foto no meu site usandobackground-size:cover
. Ele funciona na maior parte, mas deixa um espaço em branco de 30 pixels no meu Galaxy S3 no modo retrato.
Anexei uma captura de tela. A linha de teal 1px é para ilustrar a tela inteira. Parece que o fundo pára logo após a mídia socialul
s.
Eu testei isso removendo oul
e o fundo anexou-se à parte inferior do texto do slogan.
Além disso, aqui está minha visão de portait móvel pertencente ao 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;
}
Isso costumava não acontecer, mas acho que eu acidentalmente gritei enquanto tentava resolver outro problema.