Responsive Meta Tag, Viewport | Learn html and css in Hindi | Lesson-37

Опубликовано: 07 Сентябрь 2020
на канале: FRD Tutorial
1,568
25

Hi Viewers,
What is responsive meta tag, viewport in HTML in Hindi? Why Viewport tag is Important in HTML to make the website responsive? HTML5 introduced a method to let web designers take control over the viewport, through the meta tag. You should include the following meta viewport element in all your web pages:
meta name="viewport" content="width=device-width, initial-scale=1.0"
This gives the browser instructions on how to control the page's dimensions and scaling.
The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.

You May Also Like:
Blog Section Design
   • Blog Section for Website Design in HTML & ...  
Services Section in Html and css
   • Services Section Design in HTML & CSS - Le...  

Hero Section in Html and css
   • Create Hero Design (Slider Section) in HTM...  

Favicon in HTML
   • What is Favicon in website? Explained - Le...  

Getting Started with website
   • Getting Started with Website - Learn HTML ...  

6 Ways to use colors in Css Hex Code RGBA HSLA
   • 6 Ways to use colors in Css Hex Code RGBA ...  

Registration Form in html and css
   • How to Create Stunning Registration Form i...  

Font Awesome in HTML
   • Use Font Awesome, Line Icons, Any Font Ico...  

Pseudo Classes in Css "Most asked question in Interviews"
   • Pseudo Classes in Css "Most asked question...  

Box Sizing Property Explained
   • Learn HTML and CSS: Lesson -19 | Box Sizin...  

DIV Tag in HTML & Difference B/W Table and DIV tag
   • Learn HTML and CSS: Lesson -12 | DIV Tag i...  

HTML email template design tutorial
   • Learn HTML and CSS: Lesson -8 | Create you...  

How Float and clear works explained
   • Learn HTML and CSS: Lesson -18 | Float and...  

CSS Box Model Explained
   • Learn HTML and CSS: Lesson -17 | CSS Box M...  

HTML Inline, Block and Inline Block Elements
   • Learn HTML and CSS: Lesson -16 | HTML Inli...  

CSS Selectors Class, ID and Global
   • Learn HTML and CSS: Lesson -15 | Introduct...  

How to use External Class
   • Learn HTML and CSS: Lesson -14 | What is E...  

If you have any Query regarding HTML/CSS or any other website related query you can ask me directly in comments section or message me on my Facebook/Linked In and Instagram account.

Follow us on:
Facebook:   / frdstudio  
Instagram:   / frdstudio  
LinkedIn:   / frd-studio  
Twitter:   / frdstudio