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

}

css responsive-design media-queries responsive
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

Questions connexes

16 Est-il possible d'appliquer du CSS à la moitié d'un caractère?

De nouvelles questions

3 Pourquoi l'emballage flex-wrap n'est-il pas également?
1 Existe-t-il un moyen d'utiliser le dimensionnement de la boîte: boîte de bordure sans fixation de la largeur?
4 La couleur d'arrière-plan ne s'étend pas sur toute la largeur de l'écran
2 Comment puis-je empêcher le menu hamburger de mon site Web de laisser les gens faire défiler horizontalement
3 Pourcentage CSS de transition (pour la barre de progression)
1 Comment empêcher le contenu de sortir du site Web?
2 Problème de lien entre les blocs de pseudo-éléments
1 Pourquoi l'image à l'intérieur d'un div mis à l'échelle devient-elle plus petite au lieu d'être mise à l'échelle avec son parent?
1 Ajout de plusieurs diaporamas d'images
1 Barre de défilement vers un div dans un conteneur flex
Toutes les questions sur css >

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.

Plus à propos css...