I was playing around with some design stuff recently and thought I’d record this moreso for my own reference than anything but feel free to use it 🙂
In web site design, you have a cater to different browser sizes, different window sizes and different computer screen resolutions. Fixed dimensions aren’t always the best answer.
There’s a little piece of CSS code you can use to define a background image and make it full window width no matter how large or small the browser window is.
See below:
body {
background: url(background image URL here) no-repeat;
background-size:100%
}
I’ve found that this code works best for me. Do you know of a better one? what works for you in your designs?
