How to Use CSS Media Queries in Mobile Apps


show more Using CSS media queries provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals show less
please wait ...

Using CSS media queries

A little earlier I talked about multi-serving content where you deliver a web page to both a mobile device and a desktop device where the content is just styled appropriately for each one of the form factors. And the way that you accomplish that is by using a technology called CSS media queries which is what we are going to look at now. CSS media queries provide a way of selectively applying style sheets based upon the characteristics of the display media where the content is going to be consumed, whether it's a screen or a printed page or so on.

But what's nice about it is that you can do things like look at the window size or the screen size or whether or not a device is in portrait or landscape orientation, for example, and apply style sheets based upon those kinds of criteria. CSS style sheets are a W3C candidate recommendation as of July 2010, and you can see I have provided the link there to go and learn more about them. But for now let's just go ahead and take a loo...

Using CSS media queries
Video duration: 11m 24s 5h 47m Beginner

Viewers:

Using CSS media queries provides you with in-depth training on Developer. Taught by Joe Marini as part of the Mobile Web Design & Development Fundamentals

Subjects:
Developer Web
Software:
HTML
Author:
please wait ...