اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <body> <h2>نمایش تصاویر مختلف برای عرض های مختلف</h2> <p>سایز مرورگر یا این بخش را تغییر دهید. تصاویر در 600 پیکسل و 1500 پیکسل تغییر می کنند</p> <picture> <source srcset="other/img_smallflower.jpg" media="(max-width: 600px)"> <source srcset="other/img_flowers.jpg" media="(max-width: 1500px)"> <source srcset="other/flowers.jpg"> <img src="other/img_flowers.jpg" alt="Flowers" style="width:auto;"> </picture> </body> </html>
