Site responsivo, estou fazendo certo?

16/09/2014

Bom, estou desenvolvendo um site, e a parte visual dele est� quase completa! mas eu criei o site em 1200px e agora quero come�ar a fazer a parte responsiva do site, optei por fazer s� depois que terminasse esta principal porque queria ter uma ideia de como ficaria no final, enfim a hora chegou! e n�o estou conseguindo fazer a responsividade! algu�m pode me ajudar?

estou utilizando uma folha css separada, por exemplo.

/css/index.css
/css/responsivo/index_res.css

e dentro dela estou usando o seguinte c�digo!

/* 240 -- 320 */
@media only screen
and (min-device-width : 240px)
and (max-device-width : 320px){
/* Styles */


}

/* 321 -- 480 */
@media only screen
and (min-device-width : 321px)
and (max-device-width : 480px){
/* Styles */


}

/* 481 -- 768 */
@media only screen
and (min-device-width : 481px)
and (max-device-width : 768px){
/* Styles */


}

/* 769 -- 1024 */
@media only screen
and (min-device-width : 769px)
and (max-device-width : 1024px){
/* Styles */


}

tem alguma coisa de errada com meu c�digo? alguma coisa que posso fazer para concerta? eu estou usando os mesmos ids da folha de estilos principal e eu acho que deveria receber o novo valor ao chegar em tal resolu��o, h� mais uma d�vida as resolu��es telas est�o corretas? se sim me ajude se n�o me ajude tamb�m :D

Cleyton Caetano

Curtir t�pico + 0

Responder

Posts

16/09/2014

Wander Santos

Vc pode deixar o codigo css responsivo no mesmo arquivo do css desktop. Verifique se vc esta realmente chamando o novo css responsivo

Acho q seria mais facil vc utilizar um framework de responsividade tipo: boostrap ou foundation

Responder

Gostei + 0

17/09/2014

Cleyton Caetano

J� coloquei no mesmo arquivo e n�o deu em nada, j� adicionei tamb�m no pr�prio arquivo php e n�o deu em nada :/

Responder

Gostei + 0