Imagem desfocando

[Novato.com 0]

Olá a todos,

 

Estou precisando de uma auxilio para entender como solucionar o problema. O que acontece é o seguinte: Quando eu redimensiono(pelo navegador do computador mesmo) o site para o tamanho de um dispositivo mobile no internet explore as imagens perdem qualidade e nos demais navegadores não. Fica desfoca, não dando nem para ler direito as letras no internet explore.

 

Pesquisei bastante mas to com problema ainda em solucionar. Eu pesquisei que poderia ter que utilizar Retina Display, Device-pixel-Ratio.

 

Alguém conheceria como solucionar isso?

 

Imagem:

 

 

Grato desde já a todos que me auxiliarem !

[leonardo de andrade baessa 16]

não entendi direito, mas creio que no seu caso vc esteja criando um modelo e queira adaptar ele para Aparelhos e tbm para desktop?

Então você definiu o tamanho no CSS e está dando conflito quando abre em outras plataformas?! seria isso?

[Novato.com 0]

Não, ele está totalmente responsivo. Funciona perfeitamente. O problema é que as imagens que uso são de Alta definição e está tudo ok nelas. O que acontece é que quando eu acesso os site pelo meu smartphone a qualidade da imagem desfoca e enquanto em outros smartphone fica normal. Por exemplo: No meu xperie desfocou igual na imagem que mandei. No iphone do meu amigo ficou com alta resolução.

 

O que eu acredito que seja é a polegada por pixel, que muda de aparelho e perde a qualidade da imagem.

 

No CSS3 em media query tem propriedades como essa que creio que seja a solução mas não estou conseguindo usar.

 

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
/* imagem de alta definição aqui */
}

[Helmesvs 10]

Pode ser apenas configuração do navegador que você estar usando. O meu por exemplo posso definir se as imagens terão baixa, media ou alta resolução. De uma olhada nisso.