viewport meta initial-scale code example

Example 1: html change viewport to smartphone size

<meta name="viewport" content="width=500, initial-scale=1">

Example 2: Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Example 3: meta initial scale

<meta name="viewport" content="width=device-width, initial-scale=1.0">