CSS media queries pour l'Iphone 7 et 7 plus

J'ai besoin de vérifier certaines autres CSS spécifique à l'iphone 7 & 7 plus, ne iphone 6
et iphone 7 ont les mêmes caractéristiques physiques hauteur /largeur?
Si possible, veuillez mentionner la requête de média.

OriginalL'auteur Vivek Kumar | 2017-03-01

  1. 7

    http://stephen.io/mediaqueries/ a une liste de requêtes de média pour certains produits Apple, mais vous devriez essayer d'éviter de style pour chaque appareil individuellement, car cela va augmenter la quantité vous avez besoin d'écrire beaucoup. Vos questions peuvent être causés par le navigateur utilisé, plutôt que de l'appareil. Vérifier que les avant de les coiffer pour un seul appareil.

    Ce site, il ne semble avoir la même résolution que l'iPhone 6, de sorte que la même requête cible à la fois. https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

    iPhone 6 en mode portrait & paysage

    @media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */}

    iPhone 6 Plus en mode portrait & paysage

    @media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { /* STYLES GO HERE */}

    OriginalL'auteur Chris Cook

  2. 1

    Utilisant la valeur exacte des dimensions de l'écran n'est pas quelque chose que je vous conseille. Vous allez courir dans une multitude de tailles d'écran qui va briser votre disposition.

    Vous devriez juste conception de sorte qu'il fonctionne à tout largeur entre 300px et dire 950px. Ensuite, tous les appareils sont pris en compte.

    Où obtenez-vous les dimensions 300px - 950px?
    Vous savez où il a été tiré à partir 😛

    OriginalL'auteur Nitesh Goyal