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.