Fui testar o site no navegador Opera e ele ficou como se estivesse em uma tela menor, caindo no media query que foi definido no projeto. Verifiquei que ao alterar o parâmetro do media query para (max-width:1000px) ele mostra a tela normalmente.
Por que ainda há essa diferença entre navegadores se deixamos o projeto responsivo?
Ola,
Isso pode acontecer devido a pequenas diferenças nos modos como os navegadores interpretam o CSS e o comportamento do layout, mesmo quando o projeto é responsivo. O Opera pode ter configurações padrão ou comportamentos específicos, como o zoom de página, que afetam como ele lida com o conteúdo e media queries. Para resolver, verifique se os valores de viewport estão configurados corretamente e tente ajustar o meta tag para garantir que os navegadores reconheçam a largura da tela corretamente, como:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Se isso não resolver, considere revisar as media queries, especialmente em relação ao ponto de quebra, já que diferentes navegadores podem ter implementações ligeiramente diferentes.