{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What is viewport width vs device width?", "acceptedAnswer": { "@type": "Answer", "text": "Device width is the physical screen; viewport width is the usable browser rendering area." } }, { "@type": "Question", "name": "What is vh and vw in CSS?", "acceptedAnswer": { "@type": "Answer", "text": "Viewport Height (vh) and Viewport Width (vw) are CSS units relative to the browser's visible area." } }, { "@type": "Question", "name": "How does the viewport meta tag affect mobile rendering?", "acceptedAnswer": { "@type": "Answer", "text": "Without it, browsers zoom out to show the full desktop layout — text becomes tiny and unusable." } } ] }
Definition

What Is the Viewport in Web Design?

The visible area of a web page within a user's browser window or device screen. Varies by device and affects what content is visible without scrolling.

Related Terms

Responsive Design

Mobile First

Breakpoint

Above the Fold

CSS

Example

The <meta name='viewport' content='width=device-width, initial-scale=1'> tag ensures the page scales correctly on mobile devices.

Synonyms:

Browser window, Screen size, Display area

Acronyms:

-