“background-size: cover” ne couvre pas l'écran mobile

J'ai une photo en arrière-plan sur mon site à l'aide de background-size:cover. Il fonctionne pour la plupart, mais qui laisse un drôle de ~30px un espace blanc sur mon Galaxy S3 en mode portrait.

J'ai joint une capture d'écran. La 1px teal ligne est d'illustrer la totalité de l'écran. Semble que le fond s'arrête juste après les médias sociaux uls.

J'ai testé en enlevant le ul et l'arrière-plan de joint auto vers le bas de le slogan texte.

“background-size: cover” ne couvre pas l'écran mobile

Aussi, voici mon CSS concernant les mobiles portrait de vue:

@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;
}

Cette habitude de ne pas se produire, mais je suppose que j'ai accidentellement mis sur écoute, tout en essayant de résoudre un autre problème.

HTML, CSS pour l'image de fond?
Le CSS est " html { background: url(../images/bg.jpg) no-repeat top right fixe; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } '
Juste quelques suppositions: avez-vous essayé html { height: 100% }, ou essayé de fixer le fond de body au lieu de html?
html { height: 100%} résolu que, cependant, un nouveau problème se pose, maintenant en mode paysage est seulement la moitié du chemin couvert. N'hésitez pas à jeter un coup d'oeil.. vitaliyg.com

OriginalL'auteur Vitaliy G. | 2012-12-01

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *