Tag pre quebrando layout resposivo

18/05/2017

0

Eu de novo ^^

Criei um layout responsivo utilizando as meta tags, tudo certinho. O texto dica legal no celular, mas a tag pre está gerando um scroll na parte inferior da página. Segue abaixo como está a declaração das tags no meu header

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">


Alguma dica de como posso consertar isso?
Laura Müller

Laura Müller

Responder

Post mais votado

23/05/2017

Eu de novo ^^

Criei um layout responsivo utilizando as meta tags, tudo certinho. O texto dica legal no celular, mas a tag pre está gerando um scroll na parte inferior da página. Segue abaixo como está a declaração das tags no meu header

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">


Alguma dica de como posso consertar isso?


Opa, acho que se você utilizar a tag white-space: pre-wrap; vai resolver o seu problema, testa lá e avisa aqui.

Abraaço.

Raphael Alves

Raphael Alves
Responder

Mais Posts

18/05/2017

Larissa Aguiar

Oi Laura, tudo bem?

Então você pode mostrar esse código e o css dele?

Tem mesmo a necessidade de usar a tag pre?
Responder

22/05/2017

Dayan Barros

Olá Laura.

Você diz um scroll horizontal?

Abs
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar