The Viewport & Pixels

Defining The Viewport

NOTE: You will not be building the “hometown” site. So you can ignore when they talk about that.

Pixels

Pixel Quizs

Pixelation

Calculating DPR

What’s the Difference

Calculating CSS Pixels

Calculating Viewport Width

Setting The Viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

{ TODO: }

Read the Mozilla Network’s;

• Using the viewport meta tag to control layout on mobile browsers

Viewport Quiz

NOTE: You do not need to do anything. Just watch both videos.