Optimizing your layout for phones and tablets using viewport and media queries

A session at Paris-Web 2011

Thursday 13th October, 2011

11:25am to 12:25pm

With mobile web browsing becoming widespread, users expect their favorite sites to "just work" on their mobile device of choice. Exciting times, especially as there are a number of new hooks in modern mobile browsers that help web designers to create compelling experiences on phones and tablets.

In my talk, I will cover the various features of the viewport meta tag, and look at how they allow you to control mobile browsers' zoom behaviors. I'll also connect this to Opera's CSS Device Adaptation proposal, which brings this feature to CSS in the form of the @viewport rule.

Furthermore, I will explain how viewport can be combined with media queries to create super-flexible layouts that work nicely across different browsing contexts and devices, and explore various strategies to dealing with different screen sizes and pixel densities.

About the speaker

This person is speaking at this event.
Andreas Bovens

Extensions product manager & developer relations lead at Opera Software. Other interests include CSS3, typography, Japan, bachata.

Coverage of this session

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

Tell your friends!

When

Time 11:25am12:25pm PMT

Date Thu 13th October 2011

Short URL

lanyrd.com/sgdmp

View the schedule

Share

Topics

See something wrong?

Report an issue with this session