Responsive web design refers to a website designed to adapt to whatever device a visitor is using. Responsive web sites are designed to provide an optimal viewing experience across all platforms.
In this presentation, you'll find benefits and basic principles of Responsive Web Design.
19. VIEWPORT
"name=viewport" to control the width and scaling of the browsers viewport.
"width=device-width" to match the screen's width in device independent
pixels.
"initial-scale=1" to establish a 1:1 relationship between CSS pixels and
device independent pixels.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>