Uso Bootstrap 3 no meu projeto. Usei o Mozilla durante todo o processo de criação, e o design responsivo funciona muito bem nele e no Edge. Quando fui testar as páginas em navegadores que usam WebKit (Chrome e Safari), elas aparecem bem diferente do que eu havia visto no Mozilla.
Parece que uma mesma resolução ativa a classe .sm
no Mozilla, porém permanece no .md
no Webkit. Abaixo uma comparação da mesma página em dois navegadores.
À esquerda: Chrome. À direita: Mozilla Firefox.
Percebam que no Chrome, a navbar nem chegou ao ponto de esconder os links e exibir um menu hamburguer.
Como posso resolver isso? Obrigado.
<meta name="viewport" content="width=device-width, initial-scale=1">
no meu código. Você pode escrever uma resposta nesse post para eu marcar como respondido? – Mateus Bandeira 2/01/17 às 21:05