Viewport is commonly described as the visible area of a web page, which changes based on the size of the device used to access the page. For example, desktop computers, tablets and smartphones all have a different viewports.
Viewport and Website Design
When designing websites, the viewport is an HTML meta tag (or @ rule in CSS) that is used to set styles and other website attributes to render the site on different devices. The viewport tag is used in conjunction with:
- Viewport Height & Width: Height (device-height value) or width (device-width values) to define the height or width of the viewport.
- Viewport Scale: Minimum-scale, maximum-scale, initial-scale, and user-scalable properties controls how the website is scaled on a mobile device.
- Viewport Resolution: Decides how to scale a website based off any viewport scale values
IT Solutions Builder TOP IT RESOURCES TO MOVE YOUR BUSINESS FORWARD
Which topic are you interested in?
What is your company size?
What is your job title?
What is your job function?
Searching our resource database to find your matches...
Stay up to date on the latest developments in Internet terminology with a free newsletter from Webopedia. Join to subscribe now.
The following coding and IT boot camp facts and statistics provide an introduction to the changing trends in education and training programs. Read More »Top Cloud Computing Facts
The following facts and statistics capture the changing landscape of cloud computing and how service providers and customers are keeping up with... Read More »
Java is a high-level programming language. This guide describes the basics of Java, providing an overview of syntax, variables, data types and... Read More »Java Basics, Part 2
This second Study Guide describes the basics of Java, providing an overview of operators, modifiers and control Structures. Read More »Network Fundamentals Study Guide
Networking fundamentals teaches the building blocks of modern network design. Learn different types of networks, concepts, architecture and... Read More »