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 - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
(Locked)
Responsive layout overview3m 49s
-
(Locked)
Using media queries7m 16s
-
(Locked)
Organizing styles8m 39s
-
(Locked)
Making content responsive8m 33s
-
(Locked)
Mobile design considerations7m 32s
-
(Locked)
Building responsive layouts: Lab4m 23s
-
(Locked)
Building responsive layouts: Solution9m 24s
-
(Locked)
-
-