ریسپانسیو سازی با html css

PHOTO

Thu Sep 07 2023 17:53:01 GMT+0000 (Coordinated Universal Time)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatib1e" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=l.0">
<title>Document</title>
</head>
<body>
<picture>
<source srcset="codeyad1.jpg" media="(max-width:900px)">
  <!--حداکثر باز شدن از این عکس استفاده کن-->
    <source srcset="codeyad1.jpg" media="(min-width:900px)">
      <!--حداقل باز شدن از این عکس استفاده کن-->
<img src="codeyad.jpg" alt="">
</picture>
</body>
</html>

COPY

اصول ریسپانسیو سازی با html css