Mobile viewport is the size of the webpage viewed in mobile screens. You are required to configure mobile viewport to indicate what size of the webpage should be viewed in mobile screens. This is done by adding a simple metatag at the header section of the web page.
The recommended metatag is;
<meta name=viewport content="width=device-width, initial-scale=1">
- Width device means adjust webpage to fit the device's width
- Initial-scale means adjust the size according to phone orientation (landscape or portrait).
The above metatag should be added inside the header as show below.
<head> add mobile viewport metatag here </head>