0

Olá,

Estou utilizando a tag html <img srcset = "imagem.jpg, 400w, imagem1.jpg, 300w" sizes="(max-width: 300px) 300px,(max-width: 959px) 400px">

Nos navegadores Edge e Mozilla, funciona perfeitamente, a imagem é selecionada de acordo com a tamanho da tela do navegados. Mas no chrome (versão 69) e safari não funciona. Alguém tem já passou por isso, ou que use o a tag html para imagens responsivas pode ajudar?

9
  • Só um detalhe falta fechar as aspas no atributo srcset
    – NoobSaibot
    Commented 15/10/2018 às 22:03
  • caniuse.com/#feat=srcset
    – Costamilam
    Commented 15/10/2018 às 22:10
  • 1
    Eu já usei srcset no chrome e não tive problemas... No meu caso ficava assim: <img class="d-block w-100" src="img/slider/tintas-sm.jpg" alt="Tintas Líquidas" srcset="img/slider/tintas-sm.jpg 575w, img/slider/tintas-md.jpg 767w, img/slider/tintas-xl.jpg 768w" sizes="(max-width: 575px) 100vw, (max-width: 767px) 100vw, 768px"> As vezes isso pode te ajudar pt.stackoverflow.com/questions/292403/…
    – hugocsl
    Commented 15/10/2018 às 22:30
  • 1
    Aqui tb tem um material pt.stackoverflow.com/questions/257945/…
    – hugocsl
    Commented 15/10/2018 às 22:31
  • 1
    Então, é apenas uma sugestão... pode ter gente que pensa diferente e pode sugerir outra opções... eu só indiquei o que funcionou comigo etc. Boa sorte ai tmj
    – hugocsl
    Commented 15/10/2018 às 22:55

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .