اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> img { max-width: 100%; height: auto; } </style> </head> <body> <h1>استفاده از max-width: 100%</h1> <p>اگر ویژگی max-width برابر با %100 قرار گیرد، تصویر مورد نظر اگر مجبور شود، مقیاسش کمتر می شود یعنی کوچکتر می شود اما هرگز مقیاس آن زیاد نمی شود تا بزرگ تر از سایز اصلی خود شود:</p> <img src="other/img_chania.jpg" width="460" height="345"> <p>پنجره ی مرورگر را تغییر اندازه دهید تا نتیجه را مشاهده کنید.</p> </body> </html>
