CSS media queries pour Samsung s6

Aider s'il vous plaît. Tout organisme peut me dire à propos de media queries CSS pour Samsung s6 être plus réactif?

@media seul écran et 
(min-device-width : 360px) et 
(max-device-width : 640px) et 
(-webkit-min-device-pixel-ratio : 3) { //du code ici }

Et d'où je peux tester le responsive design pour Samsung galaxy s6? Aucun lien en ligne ou l'outil s'il vous plaît?

Bienvenue à Débordement de Pile. J'ai édité votre question pour formater le code. Merci de le faire vous-même la prochaine fois. Il aide à d'autres personnes de lire plus vite. J'ai aussi modifié votre première phrase de l'anglais correct questions.

OriginalL'auteur Ali | 2015-11-05

  1. 4

    J'ai essayer ceci :

    @media screen 
  and (device-width: 360px) 
  and (device-height: 640px)
  and (-webkit-min-device-pixel-ratio : 4) 
  and (-webkit-device-pixel-ratio : 4)
  and (orientation: portrait) {

/* CSS GO HERE */

}

    Et ça semble fonctionner. Pour les S6 et S7.
    Je pense que c'est parce que le Samsung S6 et S7 dimensions sont 1440x2560 :

    1440 /4 = 360
    2560 /4 = 640

    Espérons que cette aide.

    OriginalL'auteur PositivProd

  2. 2

    Chrome dev tools peut vous permettre de tester la requête sur différentes tailles d'écran. Ouvrez le développeur de la console (F12) et cliquez sur "Basculer le mode de l'appareil" (la petite icône de l'écran). Vous pouvez sélectionner votre appareil ou définir manuellement la taille de l'écran vous-même. Pour un galaxy S6, les dimensions sont 360x640 italiano.

    Merci Matt. Mais il n'existe aucun dispositif pour Samsung Galaxy s6 dans la liste.
    mais 360x640 italiano n'est pas de travail et les développeurs de la console Galaxy S6 n'est pas dans la liste
    Ali: La S6 est également 360x640 italiano en CSS résolution, tout comme le S4.
    M'a fallu un certain temps pour trouver le téléphone sélections sont en haut du navigateur, dans le "dev". Merci, très lisse.

    OriginalL'auteur Matt O

  3. 1

    Je vous recommander d'utiliser code suivant:

    /* Samsung Galaxy S6, S6+, S7, S7+ | 1440×2560 pixels ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
    /* Styles */
}

/* Landscape */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 4) {
    /* Styles */
}

/* Portrait */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 4) {
    /* Styles */
}

    Si vous de verrouillage pour la liste complète, veuillez consulter cette lien, vous trouverez les appareils suivants: Smartphones, ipad, ipad 3, iPhone 4, iPhone 5, iPhone 6, iPhone 6+, Samsung Galaxy S3, Samsung Galaxy S4 , Samsung Galaxy S5, Samsung Galaxy S6, Samsung Galaxy S7, Samsung Galaxy S8, Samsung Galaxy S9

    Pour plus d'informations, veuillez regarder cette lien et vérifier cette lien

    OriginalL'auteur Alireza Nazari