نتیجه
امتحان کنید
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; margin: 0; } .bg { /* The image used */ background-image: url("http://articles.tahlildadeh.com/image.axd?picture=img_girl.jpg"); /* Full height */ height: 50%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; } </style> </head> <body> <div class="bg"></div> <p>این مثال یک تصویر پس زمینه کامل را ایجاد می کند. سعی کنید اندازه پنجره مرورگر را تغییر دهید تا ببینید چطور همیشه صفحه تمام صفحه را پوشش می دهد (وقتی به بالا اسکرول می شود) و در همه اندازه صفحه به خوبی مقیاس می گیرد</p> </body> </html>
امتحان کنید