Tenho uma dúvida com relação ao comportamento em outros navegadores e outros sistemas. Recentemente mudei para o linux e os testes que eu estava executando antes no google chrome agora a página aparece quebrada no mesmo navegador, sem falar nos testes em outros navegadores, que também ficam diferentes mesmo usando o código feito na aula. Supostamente uma página web não deveria ter o mesmo comportamento em qualquer navegador, independente do sistema? Por que isso acontece?
Evandro, tudo bem ?
O comportamento unificado em todos browsers e navegadores é o objetivo final de todos navegadores. A nível de navegador, existem diferenças em como renderizam o HTML/CSS por conta da engine que usam. O Chrome, por exemplo, utiliza o Chromium. Já o Firefox utiliza o Gecko. Cada engine tem seus detalhes de implementação que faz os elementos renderizados ter comportamento um pouco diferente. É como comparar o câmbio automático de duas montadoras diferentes, ambas querem o mesmo resultado, mas para isso usam peças totalmente diferentes. Além disso, também temos alguns padrões de sistema operacional. Assim, mesmo usando o mesmo navegador vc pode ter resultados diferentes com o mesmo código. Um exemplo básico são o estilo de botões e checkbox padrão em cada sistema operacional.
Existem algumas ferramentas que ajudam nisso. Elas pegam seu código e adicionam as particularidades de cada sistema/engine. Um exemplo, é o seguinte site: https://tools.webdevpuneet.com/css-autoprefixer/
Compreendo, muito obrigado pela resposta!