اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <body> <h2>استفاده از object-fit</h2> <p>دراینجا از دستور object-fit: cover استفاده کرده ایم. بنابراین وقتی که پنجره ی مرورگر را تغییر اندازه می دهیم، نسبت ابعاد تصاویر حفظ می شود:</p> <div style="width:100%;height:400px;"> <img src="other/rock600x400.jpg" alt="Norway" style="float:left;width:50%;height:100%;object-fit:cover;"> <img src="other/paris.jpg" alt="Paris" style="float:left;width:50%;height:100%;object-fit:cover;"> </div> </body> </html>
