Imagens responsivas

2 participantes

SecurityPixel SecurityPixel  • 29.06.16 20:11

Imagens responsivas Empty Imagens responsivas 29.06.16 20:11

Então, estou utilizando um CSS de imagens responsivas que redimensiona a imagem de acordo com o dispositivo utilizado, quero saber como que faço para cada dispositivo abrir uma determinada imagem, no caso, um dispositivo de tal tamanho vai abrir a imagem1.png, o outro, imagem2.png, o outro imagem3.png, e assim vai... Eu tinha um código que trabalhava assim com "@media", mas eu o perdi, alguém possui algo assim?

Grato.

Anonymous Convidado  • 29.06.16 20:31

Imagens responsivas Empty Re: Imagens responsivas 29.06.16 20:31

Olá, utilizando os media-queries e assim você faz isso pra quantas resoluções quiser.
Ex.: (OBS.: dá uma id para a imagem para fazer isso mais fácilmente.)
[list=linenums]
[*]@media screen and (min-width: 1200px) {

[*][Tens de ter uma conta e sessão iniciada para poderes visualizar este link]{

[*]display:none;

[*]}

[*]}

[/list]

Wiz-Khalifa Wiz-Khalifa  • 30.06.16 13:52

Imagens responsivas Empty Re: Imagens responsivas 30.06.16 13:52

             
[sucesso= [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] ]
                             Fechado e Movido. 
                          Motivo: Passou 48Hrs e 0 Resposta. [/sucesso]
Permissões neste sub-fórum
Não podes responder a tópicos

BH Servers

Recomendamos a BH Servers com proteção DDOS gratuita em Cloud Server de alta performance. Entrega imediata.