What is the use of viewport in HTML?
Thread TagsAdobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css digital marketing Fireworks Graphic Design Graphic designing Graphics Design Graphics Designing HTML? Illustrator Internship Training logo Design logo designing Magento Photoshop PHP Programming QA react-native Scroll Website SEO Single Page Website Stock Managment System Testing Typography UI UI/UX Development UI Design UI Designing UI development User Interface UX Design Viewport Web Designing Website Design Wordpress wp
Log in with your username and password
Register for free!
Registration at Smart Mentors is completely free and takes only a few seconds. By registering you’ll gain:
- Full Posting Privileges.
- Access to Private Messaging.
- Optional Email Notification.
- Ability to Fully Participate.
- Author Replies
- August 12, 2017 at 11:01 am #18234
The viewport is the user’s visible area of a web page. The viewport varies with the device, and will be smaller on a mobile phone than on a computer screen. Before tablets and mobile phones, web pages were designed only for computer screens, and it was common for web pages to have a static design and a fixed size.
- December 26, 2018 at 2:40 pm #50872
The viewport is the user’s visible area of a web page.
The viewport varies with the device and will be smaller on a mobile phone or iPad than on a computer screen.
Before tablets and mobile phones, web pages were designed only for computer screens, and it was common for web pages to have a static design and a fixed size.
Now, we started surfing the internet using tablets and mobile phones & iPad, fixed size of the web pages was too large to fit the viewport.
HTML5 introduced a method to let web designers take control over the viewport, through the <meta> tag.
By including this <meta> tag, the viewport element will give the browser instructions on how to control the page’s dimensions and scaling.
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
You must be register. Registration is 100% free.to reply to this thread.Please or