CSS background

[Matduss]

Hi everyone! This is something that I still have not found out how to do. I was wandering how to make your background image take the full screen and not just one part of it.

 

Example: You have a 1000x1000 image that you want to display as a background. If someone is using a screen with a smaller resolution the picture is to big but for someone using a bigger resolution the picture is too small.

 

How do you manage to make the image fit perfectly on every screen?

[Motorcate]

stretch it or shrink it, in photoshop or microsoft paint?

[Matduss]

stretch it or shrink it, in photoshop or microsoft paint?

But that would only work for a certain resolution. It needs to work with all screen resolutions.

[Sir Asvald]

Hi everyone! This is something that I still have not found out how to do. I was wandering how to make your background image take the full screen and not just one part of it.

 

Example: You have a 1000x1000 image that you want to display as a background. If someone is using a screen with a smaller resolution the picture is to big but for someone using a bigger resolution the picture is too small.

 

How do you manage to make the image fit perfectly on every screen?

You'll need to look at responsive design. 

[Sharon24]

You'll need to look at responsive design. 

hate fast typers...always steal the answer 

[Sir Asvald]

hate fast typers...always steal the answer 

heheheuheuheuheueheuhe     

[Matduss]

You'll need to look at responsive design. 

Ok, I will go take a look at this responsive design thing.

[Matduss]

hate fast typers...always steal the answer 

I feel you bro.

[Ciccioo]

if you need to modify the size of the background, maybe you're looking for the background-size property

[Matduss]

This should work

background-size: cover;

Wow... Your post made me remember that cover was a thing... I feel kinda stupid. Thanks for the help!