نتیجه
امتحان کنید
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .responsive { width: 100%; max-width: 400px; height: auto; } </style> </head> <body> <h2>Responsive Images مثال 3</h2> <p>اگر میخواهید تصویر واکنش گرا را به حداکثر اندازه ش محدود کنید، از ویژگی زیر با هر مقدار دلخواهتان به پیکسل استفاده کنید</p> <p>اندازه پنجره مرورگر را تغییر دهید تا اثر را ببینید</p> <img src="http://articles.tahlildadeh.com/image.axd?picture=img_nature_wide.jpg" alt="Nature" class="responsive" width="600" height="400"> </body> </html>
امتحان کنید