What background image size will fit the page size on every monitor?

css image scalability screen-resolution stretch
Abriel picture Abriel · Dec 21, 2011 · Viewed 27.3k times · Source

I'm going to try and create an image that will be the background for my website and scale to every monitor size.

If there isn't a definite size, should I either:

  • Just make it the biggest browser size out there and see if that
    works?

  • Create an image and have the background hidden so parts of it are only revealed when it gets to be its biggest?

Answer

Danferth picture Danferth · Dec 21, 2011

try reading here Perfect Full Page Background Image

Related questions

How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More
How to vertically align an image inside a div

How can you align an image inside of a containing div? Example In my example, I need to vertically center the <img> in the <div> with class ="frame": <div class="frame" style="height: 25px;"> &…

Read More
CSS force image resize and keep aspect ratio

I am working with images, and I ran across a problem with aspect ratios. <img src="big_image.jpg" width="900" height="600" alt="" /> As you can see, height and width are already specified. I added CSS rule for images: …

Read More