search

GustavoCostaW / FastGap

Faster PhoneGap Template
75 stars 25 forks source link

Suporte a vários tamanhos de tela #3

Closed rgazeredo closed 10 years ago

rgazeredo commented 10 years ago

Que tal criar também um exemplo para diversos tamanhos de tela, incluindo pages e splashscreen?

GustavoCostaW commented 10 years ago

Atualmente por esse template básico está responsivo o layout, vamos ver quando crescer, a idéia do splashscreen é legal, como assim quando você fala de pages?

rgazeredo commented 10 years ago

Pages eu quis dizer o layout mesmo. Mas acredito que o fato de ser responsivo não resolve algumas coisas como se eu tiver uma imagem de um botão por exemplo essa mesma imagem, eu não posso usar a mesma imagem em uma resolução de 320x480 e 1024x600, certo?

GustavoCostaW commented 10 years ago

@rgazeredo realmente, faz sentido vamos implementar um media queries aí, ou que tal você implementar? :-)

rgazeredo commented 10 years ago

Eu não sou um cara muito bom em CSS, por isso achei interessante criar essa issue pra que souber criar aqui. Mas vou dar uma estudada e dependendo do resultado eu posto aqui.

leonardovff commented 10 years ago

Mas a questão da imagem, entra no conceito de responsivo, o conteúdo, que no caso é imagem, se adaptou ao agente de usuário. Poderíamos usar medias queries para solucionar isso, ou algumas soluções em javascript já prontas.

leonardovff commented 10 years ago

Pode até deixar um imagem muito grande para todos os dispositivos (já que nesse caso, a conexão servidor e usuário não existe, então tanto faz a imagem ser 10kb ou 1mb), só que o problema nisso, é o fato que devices antigos, a renderização de imagens que foram redimensionadas para um tamanho menor no css, não é muito boa, ai a imagem fica como se estive-se estourada, para visualizar isso, é só abrir um exemplo no IE, que o renderizador dele também não é muito bom, somente que no caso do IE, existe um filtro para solucionar isso, já nos devices não.