نتیجه
امتحان کنید
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .responsive { max-width: 100%; height: auto; } </style> </head> <body> <h2>Responsive Images مثال 2</h2> <p>اگر می خواهید سایز تصویرتان در صورت لزوم کاهش یابد، ولی هیچگاه از اندازه اصلی خودش بزرگتر نشود ، از این کد استفاده کنید</p> <p>max-width: 100% </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>
امتحان کنید