با استفاده از CSS و ویژگی background-size تصویری را طوری در یک div قرار دهید که بدون تغییر نسبت ابعاد تمام سطح آن را بپوشاند.

برای حل این مسئله در CSS به عنصر مورد نظر background-image بدهید و سپس از background-size: cover; استفاده کنید تا تصویر کل بلوک را بپوشاند بدون اینکه نسبت ابعادش تغییر کند؛ معمولاً background-position: center; و background-repeat: no-repeat; هم می‌گذارند تا تصویر در مرکز قرار گیرد و تکرار نشود. اگر بخواهید اندازه دقیق‌تری داشته باشید می‌توانید از مقادیر درصدی یا پیکسلی (مثلاً background-size: 100% auto;) یا media query برای پاسخگویی بهتر در دستگاه‌های مختلف بهره ببرید.