Programming Tip #33: How Viewport Meta Tag Make Website Responsive in HTML / Bootstrap 4?

Welcome, What is viewport metatag in HTML in Hindi? Why Viewport tag is Important in HTML to make the website responsive? A typical mobile-optimized site contains something like the following:

{ meta name="viewport" content="width=device-width, initial-scale=1" }
The width property controls the size of the viewport. It can be set to a specific number of pixels like width=600 or to the special value device-width, which is the width of the screen in CSS pixels at a scale of 100%. (There are corresponding height and device-height values, which may be useful for pages with elements that change size or position based on the viewport height.)

The initial-scale property controls the zoom level when the page is first loaded. The maximum-scale, minimum-scale, and user-scalable properties control how users are allowed to zoom the page in or out.

viewport,viewport in html in hindi,viewport meta,viewport meta tag,viewport meta tag html in hindi,meta tag viewport,meta viewport tag in hindi,meta tag in hindi,html meta tag viewport,viewport width,responsive web design viewport,viewport in css,html,viewport in bootstrap,