1
resposta

Por que a letra esta estourando de tamanho quando responsivo?

Estou com o seguinte comando, seguindo a risca as orientações do professor. meu código está assim...

<!doctype html>

<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<meta name="viewport" content="width=device-widht, initial- scale=2">

</head>
<body>
<h1>Sobre nós</h1>    
<img class="img-responsive" src="img/empresa.jpg">

</body>


</html>

porém o "sobre nós" está estourando na tela quando deixamos responsivo.

alguém pode me ajudar?

1 resposta

Bom dia, Karina!

Provavelmente se trata dessa linha aqui <meta name="viewport" content="width=device-widht, initial- scale=2"> Ela está com espaço no "initial-scale=2", não pode ter espaço. E o initial scale é 1, senão o conteúdo todo vai calcular 2 vezes o tamanho de 100%.

Altera essa linha pra isso aqui

<meta name="viewport" content="width=device-widht, initial-scale=1">

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software