11 dispositivos · Smartphones
Dispositivos OnePlus: viewport CSS, densidade e resolução de tela
As características de exibição dos 11 dispositivos OnePlus referenciados, com a largura na qual suas media queries ressoam, sua densidade de pixel e a resolução de sua tela. 1 desses dispositivos podem ser testados diretamente no seu navegador.
Smartphones OnePlus
1 larguras CSS distintas cobrem toda a gama: 412 px. Vários modelos compartilham a mesma: validar um deles é suficiente para validar os outros.
| Modelo | Viewport CSS | Densidade | Resolução da tela | Diagonal | Ano |
|---|---|---|---|---|---|
| OnePlus Nord 2 | 412 × 915 | 2.625x | 1080 × 2400 | 6,4" | 2021 |
| OnePlus 8 | 412 × 915 | 2.625x | 1080 × 2400 | 6,6" | 2020 |
| OnePlus 8 Pro | 412 × 906 | 3.5x | 1440 × 3168 | 6,8" | 2020 |
| OnePlus 8T | 412 × 914 | 2.625x | 1080 × 2400 | 6,6" | 2020 |
| OnePlus Nord | 412 × 915 | 2.625x | 1080 × 2400 | 6,4" | 2020 |
| OnePlus 7 | 412 × 892 | 2.625x | 1080 × 2340 | 6,4" | 2019 |
| OnePlus 7 Pro | 412 × 892 | 3.5x | 1440 × 3120 | 6,7" | 2019 |
| OnePlus 7T | 412 × 914 | 2.625x | 1080 × 2400 | 6,6" | 2019 |
| OnePlus 7T Pro | 412 × 892 | 3.5x | 1440 × 3120 | 6,7" | 2019 |
| OnePlus 6 | 412 × 869 | 2.625x | 1080 × 2280 | 6,3" | 2018 |
| OnePlus 6T | 412 × 892 | 2.625x | 1080 × 2340 | 6,4" | 2018 |
Quais larguras testar em prioridade
As larguras mais representadas da gama são 412 px. Verificá-las primeiro cobre 11 dos 11 modelos OnePlus referenciados, e é sobre elas que seus primeiros breakpoints devem incidir.
Desça até 412 px para cobrir toda a gama, incluindo OnePlus Nord 2: um layout que se adapta a essa largura se adapta em qualquer lugar, inclusive nos modelos mais antigos ainda em circulação.
Atenção à altura: os navegadores móveis reduzem a área visível com suas barras de interface, e estas se retraem ao rolar. Uma altura de 100vh, portanto, transborda da primeira tela; as unidades svh e dvh são preferíveis.
Teste seu site em 1 dispositivos OnePlus, sem comprar nenhum
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 e paisagem.
- 1 dispositivos OnePlus prontos para uso, desde modelos antigos até os lançamentos do ano
- Capturas e vídeos exportados no formato do dispositivo
- Funciona nos seus ambientes locais e suas pré-produções
Grátis · 4,9/5 em 5.100 avaliações
1.500.000+ usuários
Outras marcas
Perguntas frequentes
Qual é o viewport CSS mais comum na OnePlus?
412 x 915 px, compartilhado por 11 dos 11 modelos referenciados, incluindo OnePlus Nord 2 e OnePlus 8. É a largura a verificar primeiro nesta gama.
Qual largura mínima testar para cobrir os dispositivos OnePlus?
412 px, a largura do modelo mais estreito da lista, OnePlus Nord 2. Se o seu layout cabe em 412 px, ele cabe nos 11 dispositivos OnePlus referenciados, até o mais largo que atinge 412 px.
Por que a resolução anunciada pela OnePlus não corresponde ao viewport CSS?
Porque essas telas exibem vários pixels físicos por pixel CSS. OnePlus Nord 2 tem uma tela de 1080 x 2400 pixels e um viewport CSS de 412 x 915 px, com uma densidade de 2.625. É o segundo valor que deve ser escrito em uma media query.
Como testar seu site em um dispositivo OnePlus sem ter um?
Com a extensão Mobile FIRST: ela reproduz o viewport, a densidade de pixel, o User-Agent e os eventos táteis de 1 desses modelos, diretamente no seu navegador, inclusive em um endereço localhost.
As marcas e modelos citados pertencem aos seus respectivos proprietários.