Desafio 7 imagens reponsivas

Home › Fóruns › Desenvolvimento Web 2020 (HTML5+CSS3) › Desafio 7 imagens reponsivas

Visualizando 2 respostas da discussão
  • Autor
    Posts
    • 17 de março de 2022 às 18:42 #88869
      Pedro sulpicio
      Participante

      Olá, nao consegui achar nas vídeo aulas alguma explicação da tag source

      Minha página carrega apenas a imagem da tag , porém nao redimensiona a imagem; quando vou apontar o endereço na scrset dou source nem sequer aparece a imagem como endereço, entao utilizo sct

      <!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>Imagem Flexível</title>
</head>
<body>
    <h1>Imagem flexível</h1>
    <p>Você está vendo a imagem completa? Experimente ampliar o tamanho da sua janela para uma melhor experiêcia</p>
    <picture>
    <source media="(min-width:300pix)" src="img/paisagem-p.png" sizes="">
    <source media="(min-width:500pix)" src="img/paisagem-m.png" sizes="">
    <img src="img/paisagem-g.png" alt="Paisagem" srcset="">

    </picture>
    
</body>
</html>
    • 23 de março de 2022 às 13:00 #89293
      Tutora Tainá
      Mestre

      Pedro, esse assunto é abordado nessa aula, dê uma olhada nela e veja se consegue resolver o seu problema. Se restar alguma dúvida volte aqui e conte pra gente! 🖖

    • 25 de março de 2022 às 11:06 #89479
      Pedro sulpicio
      Participante

      Respondendo:

      O erro: “300 pix”
      correto: (min-width:300px)

      <source media=”(min-width:300pix)” src=”img/paisagem-p.png” sizes=””>

  • Autor
    Posts
Visualizando 2 respostas da discussão
  • Você deve fazer login para responder a este tópico.