Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to create resolution-sensitive web pages that adapt themselves automatically?

How to create resolution-sensitive web pages that adapt themselves automatically?

Problem

Two example are ASP.NET MVC Internet Application template and the functionality that manages different presentations across various screen resolution in Dreamweaver. If I want to implement myself, what should I do? Actually, I need to cut out some auto adaption shipped with the MVC template because it kind of messes my UI up but I don't know where the key part is.

Problem courtesy of: Isilmë O.

Solution

Look into css media queries.

You can do stuff like:

 @media all and (max-width: 699px) and (min-width: 520px),
    /* Target only screen with resolutions between 520px to  699px;*/
    }
Solution courtesy of: raam86

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to create resolution-sensitive web pages that adapt themselves automatically?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×