Ir para conteúdo
Fórum Script Brasil
  • 0

Problema com zoom out e tamanho de fontes


vini_loock

Pergunta

Olá,

Percebi que quando se da zoom out, no chrome, opera, firefox, etc, acontece de a fonte não diminuir corretamente o seu tamanho e acaba quebrando o layout.

Fiz um html de exemplo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}

div{
width: 800px;
position: absolute;
top: 0;
left: 50%;
margin-left: -400px;
}

a{
font-size: 16px;
}
</style>
</head>
<body>
<div>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
<a href="#">asdasd</a>
</div>
</body>
</html>[/codebox]

Se você executa-lo e der zoom out, umas 3 ou 4 vezes, verá que a segunda linha de link ficará cheia e terá alguns na terceira, diferente de quando o zoom está em 0, que ocupa 1 linha e meia.

O problema nem seria tão grave assim, se não fosse de o site ter de rodar em dispositivos móveis, que por sua vez, tem uma facilidade enorme em dar zoom.

Estava pensando em identificar se foi dado zoom, ou algo do tipo, mas to sem ideias, se alguém tiver uma sujestão, estamos ai.

Vlw.

Vinicius

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...