Beaucoup de questions à ce sujet mais .. quand j'utilise ce code css. Cela fonctionne sur les appareils et pas lorsque je redimensionne le navigateur .. Mais si je change mon css en "min-width" au lieu de "min-device-width" ne fonctionne pas du tout ... ni sur mon navigateur ni sur mon téléphone appareil .. Des pensées? Merci

@media only screen and (min-device-width: 768px) and (max-device-width:1000px) {
.footericons {margin-left: 37%;}
.logo img {margin-top:-15px; width: 120px;margin-left:-55px;}
.welcome {margin-top:-20px;}

}

0
fxp869 22 juil. 2017 à 22:01

2 réponses

Meilleure réponse

Pas besoin de mettre seulement "@media screen", aussi utiliser simplement min-width et max-width ...

@media screen and(min-width: 768px) and (max-width:1000px)
0
Noli Guerrero 22 juil. 2017 à 19:08

Cela devrait fonctionner. Si ce n'est pas le cas, montrez-nous le reste du CSS ou du SCSS s'il vous plaît.

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .footericons {
        margin-left: 37%;
    }
    .logo img {
        margin-top:-15px; 
        width: 120px;
        margin-left:-55px;
    }
    .welcome {
        margin-top:-20px;
    }
}
0
Varin 22 juil. 2017 à 19:06