X

Login




show

Forgot Password?
X

Enter Your Email






X

Register






 
 
Lessons
लेसन के लिए इस बटन पर क्लिक करें

Responsive : Viewport


Viewport का मतलब होता है वह area जो की user अपने browser पर देख पाता है|

अगर आपको अपने webpage को mobile optimized बनाना है तो आपको उस पेज के head tag के अन्दर viewport meta tag specify करना होगा|

viewport meta tag किसी large size वाले page को device के width के अनुसार scale down करके screen पर fit कर देता है|

यदि आप बिना viewport specify किये अपने web page को mobile device में run करके देखें तो हो सकता है उस पेज पर media queries apply न हो|

ऐसा इसलिए क्योंकि आपका browser device width को समझ ही नहीं पायेगा और ऐसे में media query trigger ही नही होगा|





syntax

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



html code







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

-

Next Lesson