For responsive website creation, include the following <meta> tag on all your web pages:
Example
| <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> |
This sets the viewport of your page, providing the browser with directives on managing the page’s dimensions and scaling.
Below is an example illustrating a web page without the viewport meta tag, followed by the same web page with the viewport meta tag:
| Note: If you are viewing this page on a smartphone or tablet, you can tap on the two links above to observe the contrast. |