MacBook Pro M1 13 2020

Apple MacBook Pro 13" M1 è un dispositivo popolare da simulare ed emulare tra gli sviluppatori web e i designer per testare layout responsive e il comportamento dell'interfaccia mobile. Anno di uscita: 2020.

Perché testare su Apple MacBook Pro 13" M1?

  • Viewport

    Retina da 13,3 pollici 2560×1600, senza notch — viewport Mac compatto classico per testare le proporzioni standard del layout macOS.

  • Densità pixel (DPR)

    La densità pixel standard rivela immagini sfocate e problemi di ridimensionamento delle icone sullo schermo.

  • Prestazioni e animazioni

    Apple M1 fornisce una solida baseline; script inefficienti e perdite di memoria emergono nel corso di sessioni prolungate.

Dimensione del viewport (Risoluzione CSS)

Il viewport CSS definisce il comportamento delle media query, dei breakpoint di layout e dei componenti responsive.

Per Apple MacBook Pro 13" M1, il viewport CSS misura:

  • Larghezza: 1680 px
  • Altezza: 1050 px

ℹ️ L'altezza visibile può variare leggermente in base all'interfaccia del browser (Safari, Chrome, ecc.).

Alcune piattaforme di analisi mostrano solo la risoluzione fisica dello schermo (vedi sotto) invece delle dimensioni del viewport CSS.

Per vedere esattamente come si comporta questo viewport in condizioni reali, puoi simulare Apple MacBook Pro 13" M1 direttamente nel tuo browser usando Simulatore Mobile.

Simulatore & Emulatore Apple MacBook Pro 13" M1 gratuito

Simulazione di viewport precisa direttamente nel tuo browser.

  • Nessun account richiesto
  • Oltre 40 dispositivi inclusi
  • Funziona offline
Aggiungi a Chrome
  • Gratuito
  • 4.8 valutazione
  • 20,000+ utenti
Phone Simulator - Chrome Extension

Densità pixel (Device Pixel Ratio)

Apple MacBook Pro 13" M1 ha un device pixel ratio di 1.5.

Ogni pixel CSS viene renderizzato usando 1.5 pixel fisici, ottenendo testo e immagini più nitidi.

Per il targeting CSS:

css
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	/* Stili specifici per alta risoluzione */
}

In JavaScript:

js
window.devicePixelRatio;
// restituisce: 1.5

Risoluzione fisica dello schermo

La risoluzione fisica si riferisce al numero effettivo di pixel hardware sul display. Sebbene non influisca sui layout CSS, viene comunemente mostrata nelle analisi e nelle specifiche dei dispositivi.

  • Larghezza: 2560 px
  • Altezza: 1600 px

ℹ️ La risoluzione fisica non viene usata per i layout CSS ma è spesso mostrata negli strumenti di analisi.

Domande frequenti

Qual è la dimensione del viewport di Apple MacBook Pro 13" M1?

Apple MacBook Pro 13" M1 ha una dimensione di viewport di 1680×1050 pixel CSS.

Come posso testare il mio sito web su Apple MacBook Pro 13" M1?

Puoi simularlo istantaneamente usando l'estensione Chrome Simulatore Mobile — nessun dispositivo reale necessario.

In cosa Simulatore Mobile è migliore di Chrome DevTools per Apple MacBook Pro 13" M1?

DevTools mostra una dimensione di viewport approssimativa, ma non emula il vero browser mobile. Simulatore Mobile usa le caratteristiche esatte del dispositivo e mostra come il tuo sito viene renderizzato in un vero ambiente di browser mobile.

Posso testare localhost con Simulatore Mobile su Apple MacBook Pro 13" M1?

Sì. Simulatore Mobile funziona con qualsiasi URL locale, inclusi localhost:3000, 127.0.0.1 e configurazioni di sviluppo simili.

Devo acquistare un Apple MacBook Pro 13" M1 per i test?

No. Simulatore Mobile fornisce una simulazione precisa del dispositivo per 0 $ invece di spendere $799+ per un dispositivo fisico.

Altri dispositivi per i test mobili