Jump to content
Fórum Script Brasil
  • 0

Problema com zoom out e tamanho de fontes


vini_loock

Question

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 to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...