hey,
I am trying to build a responsive site for a director that plays on desktop/laptop pads and computers.
you can find my in progress work at http://www.thomasdrotardesign.com/jb/
my problem is trying to control how the body background image shows itself on the desktop and laptop computer. i have a 30 inch screen as well as a 15 inch laptop. the background image looks fine on the 30" but on the 15 inch desktop i am only seeing a quarter of the image.
what i would like is to have the image appear centered and in the same ratio for both a 30" and 15 inch screen. is this possible to do? also, what would be the perfect size for the photo itself. I am ow using 2800px x 1365 I would really appreciate any help any of you talented people can give me. I thank you in advance
also, what would be the perfect size for the photo itself. I am ow using 2800px x 1365 I would really appreciate any help any of you talented people can give me. I thank you in advance
Ideally, you should use optimized images, and images sized appropriately dependent on the screen resolution. There's no point using a 2800x1365 image if the viewport will only be 940x600. I do media queries to change background images depending on viewport size.
hey, I am trying to build a responsive site for a director that plays on desktop/laptop pads and computers. you can find my in progress work at http://www.thomasdrotardesign.com/jb/
my problem is trying to control how the body background image shows itself on the desktop and laptop computer. i have a 30 inch screen as well as a 15 inch laptop. the background image looks fine on the 30" but on the 15 inch desktop i am only seeing a quarter of the image.
what i would like is to have the image appear centered and in the same ratio for both a 30" and 15 inch screen. is this possible to do? also, what would be the perfect size for the photo itself. I am ow using 2800px x 1365 I would really appreciate any help any of you talented people can give me. I thank you in advance
found it. css in the body tag is this:
background-size: cover;
THANK YOU AGAIN FOR TRYING TO HELP ME OUT.
DROTAR
Ideally, you should use optimized images, and images sized appropriately dependent on the screen resolution. There's no point using a 2800x1365 image if the viewport will only be 940x600. I do media queries to change background images depending on viewport size.