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;}
}
2 réponses
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)
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;
}
}
Questions connexes
De nouvelles questions
css
CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.