Using CSS3 responsive media queries 

By using CSS3 responive media queries you can easily adjust your website styling and structure to fit various screen resolutions. CSS3 responive uses the code: @media only screen and (max-width: 1250px) 

As een here:
Css3 Responsive
Css3 Responsive 

You can easily adjust the code to any screen resolution you want and even specify a range:

use:  @media only screen and (max-width: 1250px) and (min-width: 800px) 

NOTE: This does not work in IE9 and earlier!!! For this you can use the hacks or use javascript, will post on this later.

No comments:

Post a Comment