O site parece diferente com a mesma resolução em computadores diferentes

Question

Olá! Estou projetando sites depois de um tempo e estou procurando por um novo laptop. E notei que o site pode parecer diferente com a mesma resolução de tela em computadores diferentes. Por que é tão? Eu usei a resolução de tela 1366x768px com vários laptops diferentes executando o Windows 7 e com um novo laptop testado sites foram mais estreitas. É a razão pela qual a densidade de pixels acabei de ler em um blog - link . Depende de quantos anos o computador tem, que Windows está instalado, etc.

Existe alguma ferramenta para testar sites, etc, com resolução de tela diferente, se deve ser pixel densitive .. Quer dizer, eu posso executá-lo exmple na tela grande e eu posso decidir quão grande (quantos polegadas) minha tela virtual é e quão grande é a resolução da tela ..

Eu estava procurando por 14 "laptop com resolução de tela de 1600x900, mas os sites da Web pareciam diferentes com a resolução de 1366x768 nesse computador e em outro novo computador de 15,6". E estou apenas confuso ..

Obrigado!

    

Answer 1

Tamanho de tela e tela tradicional (4: 3) vs widescreen (16: 9) farão uma grande diferença. Se você definir a resolução em 1366x768 e essa não for a resolução nativa, ela deixará você com bordas pretas ou a ampliará para preencher a tela. Todos os monitores de tela plana têm uma resolução nativa e são quantos pixels reais ela tem em todo o resto é maior ou menor para emular essa resolução.

A versão do Windows não faz diferença.

Se um navegador tiver várias barras de ferramentas instaladas, isso também reduz sua área útil e pode distorcer as coisas. Uma alta densidade de pixels apenas reduz as coisas.

Se o navegador tiver sido redimensionado para uma pequena parte da tela, o navegador irá distorcer e contorcer o conteúdo para ajustá-lo.

Agora, se você forçar as barras de rolagem, ele renderizará o conteúdo no espaço correto, mas o usuário terá que rolar para a esquerda e para a direita, além de verticalmente.

    

Answer 2

A aparência do site é determinada em parte pelo navegador - de notas específicas, diferentes navegadores podem ter diferentes tamanhos associados a várias fontes (veja aqui ), bem como diferentes fontes instaladas e formas de interpretar o HTML.

Não seria correto assumir que todos os navegadores exibem as coisas de maneira semelhante, mesmo quando você especifica o máximo possível - a ideia do HTML é ser capaz de ser renderizada conforme apropriado em qualquer dispositivo - se você precisar de uma aparência exata e sinto que é isso que o PDF é.

Outro ponteiro - as mesmas cores podem variar enormemente na forma como é visto nos monitores - e isso vale a pena levar em consideração ao projetar. (É particularmente visível em um laptop com um bom monitor conectado a um monitor grande e barato, por exemplo - janela idêntica que acabou de se mover) ou mesmo a mesma imagem espelhada em dois monitores pode parecer diferente.