What is the use of viewport in HTML?
Thread Tags
Adobe Illustrator Adobe InDesign Adobe Photoshop Android Development Android Programming Android Studio Automation Testing C / C++ Programming Career Options College Lounge css digital marketing Digital Marketing / SEO 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 Web Designing Website Design Wordpress wpRegister 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.
Register Now, or check out the Site Tour and find out everything Smart Mentors has to offer.
Tagged: designed, HTML?, mobile phones, Viewport, web pages
This thread contains 1 reply, has 2 voices, and was last updated by Hitesh 2 years, 1 month ago.
- 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.Ex:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″> - AuthorPosts
You must be logged in to reply to this thread.Please login or register. Registration is 100% free.