Blog

12 de Dezembro de 2012
12 Dez 2012

Imagem de Fundo do site “encolhe” no iPad – Solução

Num trabalho recente, já na fase de testes em mobile browsing, deparei-me com a imagem de fundo – atribuída na declaração css para o body – encolhida, vendo no iPad.

Neste caso específico, o site usa uma ilustração/composição gráfica como imagem de fundo, grande mas optimizada.

O iPad usa o Safari Mobile, que faz uma redução em escala dos sites nos textos, imagens e… imagens de fundo.

Existe uma solução simples e envolve uma das tags “-webkit”. Basta adicionar o seguinte na declaração CSS para o body:

-webkit-background-size: 1300px 1900px;
(* 1300 e 1900 são o exemplo para o tamanho da imagem – colocar os seus respectivos valores, largura e altura)

Isso só tem aplicação nos navegadores WebKit, onde corrige o problema de redução de escala na imagem de fundo.

 

David Santos (Web)

11 de Dezembro de 2012
11 Dez 2012

Bem vindo ao blog do ST Collective – colectivo criativo de freelancers

Iremos usar este blog para divulgar as nossas opiniões bem como dicas para resolver problemas relaccionados com o nosso trabalho.