CSS responsivo

[MagnusWD 0]

Ola pessoal.....venho pedir ajuda a vocês para solucionar meu problema.

Projetei e executei um site utilizando as medias queries para tornar o design responsivo de acordo com o dispositivo.

No pc, mudando as dimensões da tela do navegador funciona direitinho que é uma beleza, mas no celular somente a página inicial é exibida corretamente. As outras aparecem com se estivessem no pc com resolução de 1024 e com as laterais cortadas.

Alguma luz ae por favor. De já agradeço qualquer ajuda.

[guilomaker 31]

qual forma você esta usando pra carregar essas outras paginas? tem que ver se elas estão recebendo o css. você tem esse site ai online?

[MagnusWD 0]

estou chamando os css adequados no head da página.

 

<link href="css/480.css" rel="stylesheet" type="text/css" media="screen and (max-width: 500px)" />

<link href="css/700.css" rel="stylesheet" type="text/css" media="screen and (min-width: 510px) and (max-widht: 1020px)" />

<link href="css/900.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1024px)" />

E como havia dito. testando pelo pc roda legal, mas no celular somente a primeira a página inicial é exibida corretamente.

Ainda está em fase de testes, mas caso deseje ver o endereço é: manchetepiaui.com.br/index.php

[William Bruno 1501]

O erro é que as páginas internas não possuem a metatag viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

apenas a home tem ela, ai em celular só a home funciona.

 

Além disso, valide o teu html:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmanchetepiaui.com.br%2Findex.php

 

Tem bastante erro.

[MagnusWD 0]

apenas a home tem ela, ai em celular só a home funciona.

As páginas internas são carregadas dentro da home, então era para funcionar.

 

Além disso, valide o teu html:

Valeu pela dica, estava precisando mesmo.

William, valeu pela dica...coloquei a metatag e resolveu meu problema. Quanto ao erro foi uma inserção que fiz diretamente no BD porque ainda não havia criado um form para cadastro.

 

Veja se ja posso colocar como resolvido