Webopedia on Google+Webopedia on TwitterWebopedia on FacebookTech Bytes Blog
Main » TERM » V »

viewport

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






TECH RESOURCES FROM OUR PARTNERS
LATEST ARTICLES
SEO Dictionary

From keyword analysis to backlinks and Google search engine algorithm updates, our search engine optimization glossary lists 85 SEO terms you need... Read More »

Slideshow: History of Microsoft Operating Systems

Microsoft Windows is a family of operating systems for personal computers. In this article we look at the history of Microsoft operating... Read More »

Slideshow: Interesting Facts About Google Search

From Goats to Penguins, a server outage and trillions of searches, our slideshow presents interesting facts about Google and the Google.com... Read More »

STUDY GUIDES
Java Basics, Part 1

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 »

The 7 Layers of the OSI Model

The Open System Interconnection (OSI) model defines a networking framework to implement protocols in seven layers. Use this handy guide to compare... Read More »

?>