31 iPhones simuláveis · 320 a 440 px · retrato e paisagem
A extensão reproduz no seu navegador o viewport CSS, a densidade de pixel, o User-Agent e os gestos táteis de 31 iPhones, de 320 a 440 px de largura. A tabela fornece as medidas de cada modelo, e cada linha remete à sua ficha completa.
1.500.000+ instalações · 4,9/5 na Chrome Web Store
Instalação gratuita em segundos · apenas para computador
Os 31 iPhones do simulador se distribuem em 11 larguras diferentes, de 320 a 440 px. Validar aquele que você tem em mãos não diz nada sobre os 10 outros: é de um modelo para outro, e não de uma marca para outra, que o layout quebra.
Dependendo da geração, cada pixel CSS é renderizado por 2 ou 3 pixels físicos: 11 modelos em 2x, 30 em 3x. Uma imagem nítida nos primeiros aparece borrada nos segundos se você não fornecer uma versão de alta resolução.
Virado para paisagem, um iPhone recente atinge 956 px de largura e aciona os breakpoints que você reservava para tablets. É a orientação menos testada, e aquela onde os cabeçalhos fixos ocupam metade da tela.
Sem Mac, sem conta, sem download de imagem de sistema: o simulador se aplica à aba aberta.
11 larguras CSS distintas cobrem toda a seleção: 320, 360, 375, 390, 393, 402, 414, 420, 428, 430 e 440 px. Vários modelos compartilham a mesma: validar um deles é suficiente para validar os outros, e a tabela permite ver quais.
| Modelo | Viewport CSS | Densidade | Resolução da tela | Diagonal | Ano |
|---|---|---|---|---|---|
| Apple iPhone 17 | 402 × 874 | 3x | 1206 × 2622 | 6,3" | 2025 |
| Apple iPhone 17 PRO | 402 × 873 | 3x | 1206 × 2622 | 6,3" | 2025 |
| Apple iPhone 17 PRO MAX | 440 × 956 | 3x | 1320 × 2868 | 6,9" | 2025 |
| Apple iPhone Air | 420 × 912 | 3x | 1260 × 2736 | 6,5" | 2025 |
| Apple iPhone 16 | 393 × 852 | 3x | 1179 × 2556 | 6,1" | 2024 |
| Apple iPhone 16 Plus | 430 × 932 | 3x | 1290 × 2796 | 6,7" | 2024 |
| Apple iPhone 16 PRO MAX | 440 × 956 | 3x | 1320 × 2868 | 6,7" | 2024 |
| Apple iPhone 15 | 393 × 852 | 3x | 1179 × 2556 | 6,1" | 2023 |
| Apple iPhone 15 Plus | 430 × 932 | 3x | 1290 × 2796 | 6,7" | 2023 |
| Apple iPhone 15 PRO | 393 × 852 | 3x | 1179 × 2556 | 6,1" | 2023 |
| Apple iPhone 15 PRO MAX | 430 × 932 | 3x | 1290 × 2796 | 6,7" | 2023 |
| Apple iPhone 14 | 390 × 844 | 3x | 1170 × 2532 | 6,1" | 2022 |
| Apple iPhone 14 Plus | 428 × 926 | 3x | 1284 × 2778 | 6,7" | 2022 |
| Apple iPhone 14 PRO | 390 × 844 | 3x | 1179 × 2556 | 6,1" | 2022 |
| Apple iPhone 14 PRO MAX | 428 × 928 | 3x | 1290 × 2796 | 6,7" | 2022 |
| Apple iPhone 13 | 390 × 844 | 3x | 1170 × 2532 | 6,1" | 2021 |
| Apple iPhone 13 Mini | 375 × 812 | 3x | 1080 × 2340 | 5,4" | 2021 |
| Apple iPhone 13 PRO | 390 × 844 | 3x | 1170 × 2532 | 6,1" | 2021 |
| Apple iPhone 13 PRO MAX | 428 × 926 | 3x | 1284 × 2778 | 6,7" | 2021 |
| Apple iPhone 12 | 390 × 844 | 3x | 1170 × 2532 | 6,1" | 2020 |
| Apple iPhone 12 Mini | 360 × 780 | 3x | 1080 × 2340 | 5,4" | 2020 |
| Apple iPhone 12 Pro | 390 × 844 | 3x | 1170 × 2532 | 6,1" | 2020 |
| Apple iPhone 12 Pro Max | 428 × 926 | 3x | 1284 × 2778 | 6,7" | 2020 |
| Apple iPhone SE | 375 × 667 | 2x | 750 × 1334 | 4,7" | 2020 |
| Apple iPhone 11 | 414 × 896 | 2x | 828 × 1792 | 6,1" | 2019 |
| Apple iPhone 11 Pro | 375 × 812 | 3x | 1125 × 2436 | 5,8" | 2019 |
| Apple iPhone 11 Pro Max | 414 × 896 | 3x | 1242 × 2688 | 6,5" | 2019 |
| Apple iPhone SE | 320 × 568 | 2x | 640 × 1136 | 4" | 2018 |
| Apple iPhone X | 375 × 812 | 3x | 1125 × 2436 | 5,8" | 2018 |
| Apple iPhone XR | 414 × 896 | 2x | 828 × 1792 | 6,1" | 2018 |
| Apple iPhone 5 | 320 × 568 | 2x | 640 × 1136 | 4" | 2012 |
As larguras mais representadas da gama são 375, 390 e 428 px. Verificá-las primeiro cobre 14 dos 31 modelos da tabela: é sobre elas que devem cair seus primeiros breakpoints, antes de adicionar mais.
Desça até 320 px para cobrir toda a gama, incluindo Apple iPhone 5: um layout que se mantém nessa largura se mantém em todos os iPhones em circulação. Os modelos recentes chegam a 440 px, uma diferença de 120 px entre os dois extremos.
Nos modelos com entalhe ou Dynamic Island, a área útil não começa na borda da tela. Declare viewport-fit=cover e reserve a margem com as variáveis env(safe-area-inset-top) e env(safe-area-inset-bottom): sem elas, uma barra fixa na parte inferior da página passa sob a barra de início do sistema.
Atenção à altura no Safari iOS: as barras de interface reduzem a área visível e se retraem ao rolar. Uma altura de 100vh transborda do primeiro ecrã; as unidades svh e dvh fornecem o valor realmente exibido.
O simulador do Xcode executa um iOS real e um Safari real: é a única maneira de reproduzir um bug do motor de renderização WebKit. Requer um Mac, vários gigabytes de download e não abre no meio de uma sessão de integração.
O modo responsivo do DevTools redimensiona a janela do navegador e altera o User-Agent. É uma ferramenta de inspeção: sem moldura de dispositivo, sem gestos táteis realistas, uma tela de cada vez, e nada para mostrar a um cliente.
Mobile FIRST se posiciona entre os dois. Ele reproduz o viewport, a densidade, o User-Agent e os eventos táteis de 31 iPhones no navegador que você já abriu, no Windows, macOS ou Linux, e exibe vários modelos lado a lado. O motor de renderização continua sendo o do seu navegador: para validar um comportamento específico do WebKit, um dispositivo real ou o simulador da Apple ainda são necessários.
As tabelas fornecem as medidas. A extensão exibe seu site no viewport exato do modelo, com sua densidade, seu User-Agent e a alternância entre retrato ou paisagem.
Grátis · 4,9/5 em 5.100 avaliações
1.500.000+ usuários
Depende do modelo e varia de 320 a 440 px de largura nos 31 iPhones do simulador. O valor mais comum é 390 px, compartilhado por 6 modelos. É essa largura em pixels CSS, e não a resolução do painel, que suas media queries leem.
Não, e é importante saber: ele reproduz o viewport, a densidade de pixel, o User-Agent e os gestos táteis do iPhone no motor do seu navegador. Isso cobre o layout, os breakpoints e o comportamento tátil. Para um bug específico do motor WebKit, é necessário um dispositivo real ou o simulador do Xcode.
Sim. A extensão é instalada no Chrome, Firefox e Edge, no Windows, macOS e Linux. Ao contrário do simulador do Xcode, não requer hardware da Apple nem download de imagem de sistema.
31 modelos pré-configurados, do mais recente ao mais antigo, atualizados a cada lançamento. Os 10 outros iPhones do catálogo têm cada um sua ficha técnica no site: reporte a largura e a densidade em um dispositivo personalizado para encontrá-los na lista.
O do dispositivo escolhido, tal como ele realmente envia. Para Apple iPhone 17 sob iOS 26.0, é: Mozilla/5.0 (iPhone; CPU iPhone OS 26_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/26.0 Mobile/15E148 Safari/604.1. Os servidores e scripts de detecção veem, portanto, um iPhone, e não o seu navegador de desktop.
O simulador aplica a margem de segurança do modelo: um layout que ignora env(safe-area-inset-bottom) deixa o problema visível como no dispositivo. Declare viewport-fit=cover na tag viewport para que essas variáveis tenham um valor.
Sim. A extensão se aplica à aba atual, independentemente da URL: produção, pré-produção ou servidor local durante o desenvolvimento. É isso que a distingue dos simuladores online, que não veem sua máquina.
Crie um dispositivo personalizado com a largura, altura e densidade da ficha correspondente, depois salve-o: ele se junta à lista e se comporta como os modelos pré-configurados.
iPhone, iPad, Safari e Xcode são marcas da Apple Inc. Mobile FIRST não é afiliado nem aprovado pela Apple.
