HTML & CSS


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