https://developer.mozilla.org/en-US/docs/Web/CSS/background-sizejust contain & cover
Quote
This keyword specifies that the background image should be scaled to be as small as possible while ensuring both its dimensions are greater than or equal to the corresponding dimensions of the background positioning area.
Quote
This keyword specifies that the background image should be scaled to be as large as possible while ensuring both its dimensions are less than or equal to the corresponding dimensions of the background positioning area.
tldr; meaning profile backgrounds that are "full page" will scale to the users resolution of their screen, no matter what device they're on.. making big background pictures look good on everyones machine instead of cuttong off on some and showing a bunch of blank space on othersexample:
Code
//Current CSS used on jsp:
url('http://i.imgur.com/u2vA8XO.jpg') no-repeat fixed right bottom #000
//Needed CSS on jsp
//cover:
url('http://i.imgur.com/u2vA8XO.jpg') no-repeat fixed center center / cover #000
//contain
url('http://i.imgur.com/u2vA8XO.jpg') no-repeat fixed center center / contain #000
as you see, very slight change needed just one more field in
would do
This post was edited by GRATS on Jul 10 2014 01:14pm