Caractéristiques Apple MacBook Air 2020 13"

Image du macbook air 2020 13 pouces

Résolution du viewport (règles CSS)

C'est la résolution qui intéresse le plus les designers et les développeurs car elle conditionne les breakpoints et la définition des media queries. En général on ne parle que de cette résolution.
Concernant Apple MacBook Air 2020 13" elle est de:

  • 1280 pixels en largeur (width)
  • 800 pixels en hauteur (height) ⚠️ la hauteur est indicative car le navigateur Safari, Chrome, etc.. réduit la zone visible

ℹ️ Certains outils d'analytics n'affichent que la résolution constructeur (ci-dessous) et pas celle présentée ci-dessus, donc attention lors de l'interprétation des résultats.


Disponible dans le simulateur

Testez votre site responsive sur Apple MacBook Air 2020 13" grâce à l'extension navigateur.
C'est gratuit et activable en 2 clics.

Installer l'extension

Densité de pixel

Sur Apple MacBook Air 2020 13" elle est de 2

Si vous souhaitez cibler en CSS les devices avec au minimum cette densité de pixel vous pouvez utiliser cette media query.

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* CSS */
}

Egalement en javascript, il est possible de récupérer la valeur de la densité de pixel.

                        
                            window.devicePixelRatio
// Ce qui renverra le chiffre 2

Résolution constructeur Apple MacBook Air 2020 13"

Etant donné la densité de pixel cela donne:

  • 2560 pixels en largeur
  • 1600 pixels en hauteur

Mockup HD gratuit au format PNG

Mockup gratuit de Apple MacBook Air 2020 13" en HD au format PNG et PSD avec fond transparent
Mockup Apple MacBook Air 2020 13" en HD PNG transparent Résolution 3296 ✕ 1894px (130.5 ko)

Articles associés

Quelles sont les résolutions d'écran mobile les plus populaires ?
C'est quoi, être mobile first ?
Comment tester mon site mobile ?
Comment créer un GIF Tiktok mobile ?