From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Mobile design considerations

Mobile design considerations - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Mobile design considerations

“

While media queries give us the ability to alter our page layouts based on screen size, they can't always control how the page is viewed on devices like smartphones. Now many mobile devices will either misrepresent their screen size or apply an initial zoom to your site that can cause your site to be difficult to read. In this movie I'm going to show you how to ensure that your page displays initially the way you want it to, and a few techniques that you can use to speed up the performance of your site on mobile devices. So I have the mobile.htm from the 07_05 file opened, and I've just opened this up in a browser really quickly because I want to talk a little bit about the meta viewport tag, which is what we're going to be using in part of this lesson. So the meta viewport tag, it gives you the ability to communicate some of your preferences to the different devices that might be accessing your pages, and smartphones almost universally understand this tag. So I've got two things…

Contents