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

Vangie Beal
Vangie Beal is a freelance business and technology writer covering Internet technologies and online business since the late '90s.

Top Articles

The Complete List of 1559 Common Text Abbreviations & Acronyms

From A3 to ZZZ we list 1,559 SMS, online chat, and text abbreviations to help you translate and understand today's texting lingo. Includes Top...

List of Windows Operating System Versions & History [In Order]

The Windows operating system (Windows OS) refers to a family of operating systems developed by Microsoft Corporation. We look at the history of Windows...

How to Create a Website Shortcut on Your Desktop

Website Shortcut on Your Desktop reviewed by Web Webster   This Webopedia guide will show you how to create a website shortcut on your desktop using...

Generations of Computers (1st to 5th)

Reviewed by Web Webster Learn about each of the 5 generations of computers and major technology developments that have led to the computing devices that...

Facial Recognition Software

Facial recognition software is a category of applications designed to identify or confirm...

CEO

The Chief Executive Officer (CEO) is the highest-ranking individual in a company in...

Adobe Spark

Adobe Spark is a suite of apps by Adobe Systems used to create...