Responsive WebDesign
45.3K views | +0 today
Follow
Responsive WebDesign
Responsive Web Design: inspiration, tutorials, media queries, etc.
Curated by gonzodesign
Your new post is loading...
Your new post is loading...
Scooped by gonzodesign
Scoop.it!

Responsive background images with fixed or fluid aspect ratios – Voormedia

Responsive background images with fixed or fluid aspect ratios – Voormedia | Responsive WebDesign | Scoop.it

What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.

No comment yet.
Scooped by gonzodesign
Scoop.it!

Using CSS Background-size Responsively | Onextrapixel - Web Design & Development Online Magazine

Using CSS Background-size Responsively | Onextrapixel - Web Design & Development Online Magazine | Responsive WebDesign | Scoop.it

When implementing an image in the background of a website we intentionally make this larger to cover as many screen sizes as possible.

 

It’s this idea that we can use for implementing responsive background images, but first we need to add in another trick to help achieve the right effect; and this is background-size.

No comment yet.