0 votes
in Website Optimization by
What is the meaning of mobile viewport?

1 Answer

0 votes
by (84.8k points)

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>

Welcome to Kenyayote Q&A, where you can ask questions and receive answers from Kenyayote staff and other members of the community.

Before you ask, search the website to make sure your question has not been answered.
If you are ready to ask, provide a title about your question and a detailed description of your problem.