Samsung Galaxy S5 requête de média

J'ai fait un peu de recherche et ont essayé des trucs un peu différents, mais pour la vie de moi, je n'arrive pas à cibler spécifiquement le Samsung Galaxy S5. Je suis en train de jouer avec quelques petites choses tout en travaillant sur un site mais rien j'essaie semble cibler le dispositif spécifique.

Voici ce que j'ai essayé jusqu'à présent:

@media only screen
(min-resolution: 144dpi)
and (device-width: 1920px)
and (orientation: landscape) {/*styles here*/}

@media screen
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi)
and (device-width: 1920px)
and (orientation: landscape) {/*styles here*/}

@media only screen
    (device-width: 1920px)
    and (orientation: landscape) {/*styles here*/}

@media only screen
(min-device-width: 1080px)
and (max-device-width: 1920px)
and (orientation: landscape) {/*styles here*/}

*Note: je ne l'ai inclus "paysage" code spécifique, mais j'ai essayé sans et avec "portrait", mais ça ne fonctionne toujours pas.

Toute aide serait grandement appréciée.

Pour être en mesure d'aider, j'ai besoin de savoir pourquoi vous souhaitez cibler. Qu'est-ce que le résultat désiré que vous avez besoin de l'identification? Ou: qu'est-ce que le problème pratique qui doit être résolu? Car il y a peut être beaucoup plus facile de méthodes.
Si vous avez le S5 parcourir; pieroxy.net/blog/pages/css-media-queries/test-features.html - cela vous donnera les valeurs spécifiques qui sont éluder vous.
le site que je suis en train de construire a une image d'en-tête que je voudrais échanger à l'air bien sur chaque appareil. ses pas l'impératif de la fonction du site, il va juste faire pour une meilleure expérience utilisateur.
Merci pour le lien. Je pense que cela va me dirigé dans la bonne direction.
J'ai eu des problèmes avec plusieurs modèles Galaxy S pas de rendu de contenu lors de l'utilisation des media queries. Je ne sais pas une solution.

OriginalL'auteur lardlad | 2014-05-14

@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3)

Selon source.

Espère que cela aide.

Acclamations

OriginalL'auteur g_kou

cela a fonctionné pour moi...

/* Samsung Galaxy S5 Portrait */    
@media screen(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi)and (device-          width: 1440px)and (orientation: portrait){ 
/*Your styles here */
    html{
  display: none;
  }
}

OriginalL'auteur rklump

0

Essayez d'utiliser @media screen and (max-width: 680px) et (orientation paysage) cela m'a aidé beaucoup j'ai aussi un samsung galaxy s5

OriginalL'auteur Candice Moses

Vous devez vous connecter pour publier un commentaire.