Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Bootstrap nao funciona corretamente no Chrome

Boa noite,

Ao buildar a aplicação e colocar em um servidor (servidor disponibilizado no curso) para ver como ela ficava em outros dispositivos percebi que no Chrome, a aplicação não fica no layout ajustado para mobile mesmo com o Bootstrap já configurado. Percebi isso porque no Firefox o layout mobile funciona corretamente, já no Chrome, nunca fica responsivo.

Como teste para utilização do Bootstrap, usei o exemplo de navbar deles. Da pra perceber que no Chrome nao fica no estilo, diferente do Firefox.

É possível analisar isso usando a própria ferramenta de desenvolvedor dos browsers para analisar layouts em diferentes displays.

Alguém sabe o motivo disso? Já cheguei a pesquisar mas não vi nenhum problema como esse..

Projeto: VueJS-class

Desde já, agradeço.

1 resposta
solução!

Foi uma falha minha. Esqueci de add isso

   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

no arquivo index.html

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