Testing Viewport

• Without META tag
• With META tag setting width=device-width
• With META tag setting width and initial-scale=1.0
• As above, but initial-scale=2.0
• With META, device width set to 300px (don't do this!)

The Screen Width/Height is the actual size of your screen in device pixels.
The Display Area Width/Height is the size of the viewing area in CSS pixels.
The Viewport Width/Height is the actual size of the viewport in your browser on your device. It is also measured in CSS pixels.