Responsivo, estou com problemas

[ecouto]

Pessoal, tudo bom ?

 

 

Estou com alguns problemas em meu blog, quando abro o blog pelo celular ele não fica de forma agradável, fica meio desconfigurado, os títulos quebram e acabam sobrepondo os topicos, e tambem o site blog fica alinhado do lado esquerdo da tela como se tivesse minimizado, alguém sabe como arrumar isso ? 

 

 

 

 

Uso como base o template twenty eleven do wordpress*

 

valeu

[DiF]

Olá @ecouto,

 

Você pode solucionar utilizando as media queries do css3, para definir o estilo que será utilizado a partir da resolução do dispositivo.

[Renata Rúbia]

Eu acho q definir as resoluções em media queries ruim, porque você nunca vai conseguir ajustar em todas as resoluções, apenas as mais comuns ou as q você percebe q começa a ter algum problema(daí você terá q ir redimensionando o navegador para saber).

 

Eu prefiro trabalhar fazendo o site inteiro em porcentagem, daí ele vai se ajustar nas diferentes resoluções.

Se o seu site dá problema no modo retrato, a unica coisa q você terá q mudar vai ser redefinir as propriedades q saem de alinhamento, ou o tamanho está grande, ou o q seja, apenas utilizando isso:

 

@MEDIA screen and (orientation:portrait) { /* Redefinições aqui*/ }

 

você pode usar alguns plugins pra testar, eles não vão simular a tela do celular, mas sim a resolução, mas é aconselhável q também teste em smartphones e tablets.

[DiF]

Eu acho q definir as resoluções em media queries ruim, porque você nunca vai conseguir ajustar em todas as resoluções, apenas as mais comuns ou as q você percebe q começa a ter algum problema(daí você terá q ir redimensionando o navegador para saber).

 

Eu prefiro trabalhar fazendo o site inteiro em porcentagem, daí ele vai se ajustar nas diferentes resoluções.

Se o seu site dá problema no modo retrato, a unica coisa q você terá q mudar vai ser redefinir as propriedades q saem de alinhamento, ou o tamanho está grande, ou o q seja, apenas utilizando isso:

 

@MEDIA screen and (orientation:portrait) { /* Redefinições aqui*/ }

 

você pode usar alguns plugins pra testar, eles não vão simular a tela do celular, mas sim a resolução, mas é aconselhável q também teste em smartphones e tablets.

 

Discordo em partes. 

Se o site a ser desenvolvido for para ser visualizado em dispositivos móveis( tablets e smartphones) o melhor é otimizar o código especialmente para eles utilizando por exemplo o jQuery Mobile, que permite desenvolver sites para estes dispositivos.

 

SE o objetivo é só para resoluções de monitores... o  mais indicado seria utilizar as media queries para as resoluções mais utilizadas.. Quando não existia o conceito das media queries...  certamente o mais indicado seria usar medidas liquidas( em %)..  mas como já existe.. não tem porque não utilizar.