Publicado em 8 de dez.

Cores divergentes mobile e desktop

Olá pessoal, tudo bem?

Estou iniciando no desenvolvimento de sites responsivos, e estou passando por um perrengue, as cores ficam divergentes quando acesso pelo desktop e depois pelo mobile.

Ex: se utilizo um amarelo no navegador do desktop (chrome, firefox, ie) fica amarelo já no navegador do mobile (chrome) não.

Isso é normal, ou tem alguma forma de eu minimizar isso?

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Patrick Corrêa Muniz· 9 de dez.

Bom dia.

Existem diversos fatores para isso ocorrer, uma delas é a questão das media queries do css. Dependendo da forma que você estiver utilizando pode acontecer isso que você está descrevendo. Por exemplo:

<!DOCTYPE html>

<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>

@media screen and (min-width: 1000px){
h1{

color: red;
}
}
</style>
</head>
<body>
<div>
<h1>Teste</h1>
</div>
</body>
</html>

Neste código a cor do h1 só será vermelha caso a resolução do monitor tenha no minimo 1000px, caso contrario será padrão, no meu caso, preto. Então você deve observar estas questões quando for desenvolver seus projetos. Mas enfim, é apenas uma hipótese, visto que você não postou um exemplo do css do seu código. Espero ter ajudado e boa sorte.