Media Queries & Viewport

A session at CSS Summit 2012

Tuesday 31st July, 2012

11:00am to 12:00pm

The world is now officially device-crazy!

Just look at the number of Mobile phones and tablets sold recently, and the number of ordinary people (not just geeks) who have a mobile device and a tablet in addition to their desktop computer, or have even dispensed with the desktop computer altogether.

It would be foolish of us to just design for desktop, or just for mobile. What we need is a way to optimize our layouts for a multitude of different screen sizes and other factors!
In this talk Chris Mills looks at media queries and viewport in detail:

  • Their origins in media types
  • Why media types failed for mobile and devices, and why media queries will succeed
  • Media query basics
  • Practical examples of how they work across modern browsers and devices
  • Exploring viewport - why it is needed, and how best to use viewport and MQ's together
  • A look forward to the future, and the @viewport proposal
  • Mobile first versus desktop first
  • The IE problem, and how we can slay that beast in this particular context
  • Device breakpoints versus content breakpoints. What works best?

About the speaker

This person is speaking at this event.
Chris Mills

Opera Web Evangelist & Dev Rels Editor

Coverage of this session

Sign in to add slides, notes or videos to this session

CSS Summit 2012

Online conference

31st July to 2nd August 2012

Tell your friends!


Time 11:00am12:00pm CST

Date Tue 31st July 2012

Short URL


Official event site


View the schedule



Books by speaker

  • InterACT with Web Standards

See something wrong?

Report an issue with this session