தீர்க்கப்பட்டது: html பின்னணி படம் திரைக்கு பொருந்தும்

HTML பின்னணி படங்கள் திரையில் பொருத்துவதில் உள்ள முக்கிய பிரச்சனை என்னவென்றால், படம் சரியாக அளவிடப்படாமல் இருக்கலாம். இது ஒரு சிதைந்த அல்லது நீட்டிக்கப்பட்ட படத்திற்கு வழிவகுக்கும், இது பக்கத்தின் ஒட்டுமொத்த வடிவமைப்பிலிருந்து கவனத்தை சிதறடிக்கும் மற்றும் திசைதிருப்பலாம். கூடுதலாக, படம் திரைக்கு மிகவும் பெரியதாக இருந்தால், அது மெதுவாக ஏற்றும் நேரம் மற்றும் மோசமான செயல்திறனை ஏற்படுத்தலாம்.

<style> 
    body { 
        background-image: url("background.jpg"); 
        background-size: cover; 
    } 
</style>

1.

இது பின்னணி படத்தை அதன் அளவைப் பொருட்படுத்தாமல் திரைக்கு ஏற்றதாக மாற்றும்.