• 1400/03/23

تگ picture و ریسپانسیو بودن :

سلام من مشابه کاری که توی ویدیو قسمت 8 دیدم بخشی که مربوط به اندازه صفحه در inspect بود رو آوردم ولی هر چی که عرض صفحه رو تغییر دادم عکس دیگه ای نیومد علتش چیه؟ اینم کدهامه

<!DOCTYPE html>
<html lang="en">

<head>
    <title>test</title>
    <!-- <link rel="stylesheet" href="./style.css"> -->
</head>

<body>
    <picture>
        <source srcset="image/img1.png" media="(min-width: 700px)">
        <source srcset="image/img2.png" media="(min-width: 400px)">
        <img src="image/img3.jpg" alt="">
    </picture>
</body>

</html>

 

 

  • 1400/03/29
  • ساعت 15:33

با سلام خدمت شما همراه عزیز

 

 

 

از نمونه کد اصلی زیر استفاده کنید

 

 

https://www.w3schools.com/TAgs/tag_source.asp


logo-samandehi