MacBook Pro 14″: viewport e resolução

No MacBook Pro 14″, a tela tem 1512×982 pixels CSS, com densidade de pixels (DPR) 2 e resolução física de 3024×1964. Com o Chrome maximizado, a página recebe 1512×864.

Tela
1512×982
Chrome maximizado
1512×864
DPR
2
Física
3024×1964
MacBook Pro 14″ no Breakpane em modo App, com o Lume aberto e as cotas do viewport
Captura do Breakpane em modo App (PWA instalado). As cotas mostram o viewport que a página mediu dentro do aparelho; as barras do sistema que ficam reservadas não entram na conta.

Medidas

Tela1512×982
Densidade de pixels (DPR)2
Resolução física3024×1964
Barra de menus32 px
Área livre para janelas1512×950
Viewport do Chrome maximizado1512×864
Viewport do app instalado (PWA), maximizado1512×912
SistemamacOS

CSS para o MacBook Pro 14″

Media query pela largura

Ponto de quebra se escreve em pixels CSS, nunca na resolução física.

/* MacBook Pro 14″: janela maximizada com 1512 px CSS de largura */
@media (max-width: 1512px) {
  /* … */
}

/* telas com DPR 2 ou mais */
@media (min-resolution: 2dppx) {
  /* imagens em 2x */
}

Como o Breakpane simula o MacBook Pro 14″

O Breakpane abre o MacBook Pro 14″ como uma tela de 1512×982 com a moldura do aparelho, a densidade (2), o user agent do Chrome no macOS e as barras do sistema, flutuando na frente do editor com o seu dev server ao vivo.

Outros aparelhos: Notebooks

Todos os aparelhos

Medidas do catálogo do Breakpane, conferidas em fontes públicas (a lista de aparelhos do Chrome DevTools, useyourloaf.com, deviceatlas.com, yesviz.com, webmobilefirst.com e 1440px.com) entre 2 de out. de 2026 e 5 de out. de 2026.