Pergunta

Agora que a maioria dos principais navegadores suporta zoom de página inteira (atualmente, a única exceção notável é o Google Chrome), os layouts líquidos ou elásticos não são mais necessários?A relativa dor de construir layouts líquidos/elásticos vale o esforço?Há alguma situação em que um layout líquido ainda seria benéfico?O zoom de página inteira é a solução real que parece ser à primeira vista?

Foi útil?

Solução

Sim, porque existe uma grande variedade de telas, geralmente variando de 15" a 32".Há também alguma variação no que as pessoas consideram um tamanho de fonte “confortável”.Tudo isso resulta em uma grande variedade de tamanhos nos quais seu conteúdo precisará caber.

Na verdade, o layout líquido está se tornando ainda mais necessário à medida que aumentamos para monitores enormes e diminuímos para dispositivos celulares.

Outras dicas

Fazer zoom de página inteira em CSS não vale a pena, especialmente porque a maioria dos navegadores agora faz esse tipo de zoom nativamente (e faz muito melhor - tags ref [img]).

Quanto ao uso de largura fixa, há um recurso secundário com isso...se você aumentar o tamanho da fonte, menos palavras serão mostradas por linha, o que pode ajudar algumas pessoas na leitura.

Por exemplo, você já leu um bloco de texto extremamente largo e descobriu que leu a mesma linha duas vezes?Se a altura da linha for aumentada (mesmo efeito embora o tamanho da fonte), com menos palavras por linha, isso se tornará um problema menor.

Sim Sim Sim!Ter que rolar horizontalmente em um site porque algum designer presumiu que os usuários sempre maximizam seus navegadores é uma grande implicância para mim e tenho certeza de que não estou sozinho.Além disso, como alguém com uma visão péssima, deixe-me dizer que o zoom de página inteira funciona melhor quando o layout é líquido.Caso contrário, você acabará com a barra de navegação fora da tela (visível).

Eu tive um problema no mundo real com isso.O design exigia uma página de largura fixa com uma bela borda.Ajustado em 800 pixels de largura menos alguns pixels para a janela do navegador.Subtraia 200 pixels para o menu esquerdo e a área de conteúdo terá cerca de 600 pixels de largura.

O problema era que parte do conteúdo do site era dinâmico, fazendo com que os usuários editassem e navegassem pelos dados em tabelas, em suas lindas telas de 1280x1024, com tabelas restritas a 600 pixels de largura.

Você deve permitir a largura da janela do navegador no conteúdo dinâmico, a menos que esse conteúdo dinâmico seja predominantemente texto.

Layouts elásticos não têm tanto a ver com zoom, mas com agrupamento - permitindo que um usuário coloque mais informações na tela se a tela tiver resolução mais alta, ao mesmo tempo em que torna o conteúdo acessível para aqueles com telas de resolução mais baixa.O zoom da página não consegue isso.

Acho que layouts líquidos ainda são necessários, embora os navegadores tenham esse recurso de zoom de página inteira, aposto que muitas pessoas não sabem disso ou não sabem como usá-lo.

O zoom da página é horrível do ponto de vista da acessibilidade.É o equivalente a dizer "não nos importamos em projetar nossas páginas adequadamente [designers], então use uma fonte maior e role a página horizontalmente [desenvolvedores de navegadores]".Não posso acreditar que o Firefox saltou do penhasco depois da Microsoft e tornou isso o padrão.

Sim - você não sabe qual resolução o leitor está usando, ou qual tamanho de tela - ou mesmo se a acessibilidade é necessária/usada.Como mencionado acima, nem todo mundo conhece o zoom de página inteira - eu sei, mas dificilmente o uso...

Somente os visitantes do seu site podem dizer se os layouts líquidos ainda são relevantes para o seu site.

Usando uma estrutura como o YUI-CSS e o Google Website Optimizer, é muito fácil ver o que seus visitantes preferem e deixar de lado a opinião e, em vez disso, confiar em resultados concretos e frios.

No entanto, layouts líquidos podem causar problemas de usabilidade.

Os contêineres de conteúdo que ficam muito largos tornam-se excepcionalmente difíceis de ler.

Muitos blogs possuem contêineres de conteúdo de largura fixa especificamente por esse motivo.

Como alternativa, você pode criar contêineres de conteúdo com várias colunas para obter um efeito semelhante ao de um jornal, com suas múltiplas colunas de contêineres finos de texto.No entanto, isso pode ser difícil de fazer.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top