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

<meta http-equiv="X-UA-Compatible" content="IE=edge"> uma explicação mais aprofundada.

e se eu quiser q seja compativel com todo tipo de browser como eu teria que fazer? e se por ventura eu trocar content="ie=edge" por content="chrome" por exemplo, a pagina rodaria melhor no chrome? Insira aqui a descrição dessa imagem para ajudar na acessibilidade `

1 resposta
solução!

Olá! Tudo bem? Essa tag meta serve para informar alguns metadados para a página web, dando dicas de como algumas coisas devem ser feitas, incluindo qual o conjunto de caracteres deve ser usado, informações que devem ser disponibilizadas, como o tamanho da tela com a tag meta viewport e inclusive algumas dicas com relação a compatibilidade com navegadores mais antigos. Essa tag tem a seguinte função:

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

O atributo http-equiv significa equivalente HTTP, que diz qual cabeçalho HTTP essa tag está fazendo referência, em versões mais antigas do HTML era comum inclusive explicitar o charset usando essa expressão:

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

Com relação ao IE=Edge, isso está simplesmente dizendo para o navegador que caso o Internet Explorer estiver sendo usado, ele deve tratar a página com sua versão mais recente. Você pode inclusive trocar esse Egde por alguma outra versão do Internet Explorer, como IE=8 que diria para o Internet Explorer renderizar a página com a versão 8. Isso não é necessário para o Google, que mantém suas versões mais atualizadas e exige que os usuários atualizem a partir de certas versões, então problemas de compatibilidade não são um problema no Chrome. Até 2014 existia uma outra versão do Google que estava em desenvolvimento, então por isso eles também começaram a usar esse cabeçalho X-UA-Compatible com o chrome, mas como esse projeto foi descontinuado em 2014, não há mais necessidade de colocar essa tag.

<!-- Internet Explorer renderizará com a versão mais recente e o Chrome com a versão 1 -->
<!-- chrome=1 se tornou desnecessário a partir de 2014 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

Você pode ver mais sobre isso nesse artigo: https://blog.da2k.com.br/2015/01/01/meta-tags-x-ua-compatible-e-charset/