HTML meta viewport element

E322196

The HTML meta viewport element is a meta tag used in responsive web design to control how a webpage is scaled and displayed on different devices, especially mobile screens.

Try in SPARQL Jump to: Surface forms Statements Referenced by

All labels observed (1)

Label Occurrences
HTML meta viewport element canonical 1

Statements (47)

Predicate Object
instanceOf HTML element
HTML meta element
responsive web design technique
affects layout of responsive pages
rendering on mobile browsers
zoom behavior on touch devices
attribute content
name="viewport"
bestPractice avoid disabling user zoom
set initial-scale=1.0
use width=device-width for responsive layouts
canDisable user zooming
canSet fixed zoom level
scaling limits
category HTML head metadata
web development
commonlyPlacedIn <head> element
commonlyUsedWith height=device-height
initial-scale=1.0
maximum-scale
minimum-scale
user-scalable
width=device-width
controls height of the viewport
initial zoom level
layout viewport
page scaling behavior
user zooming capability
width of the viewport
defaultBehaviorWithout page rendered as desktop layout scaled down
definedInSpecification HTML5
surface form: HTML5 specification
hasName viewport meta tag
improves readability on mobile devices
usability on small screens
interpretedBy desktop browsers with zoom features
mobile browsers
tablet browsers
introducedFor mobile web browsing
primaryPurpose control viewport size and scale on mobile devices
recommendedBy Google for mobile-friendly pages
relatedConcept CSS media queries
device pixel ratio
layout viewport
visual viewport
supportedBy most modern mobile browsers
syntaxExample <meta name="viewport" content="width=device-width, initial-scale=1.0">
usedIn responsive web design

Referenced by (1)

Full triples — surface form annotated when it differs from this entity's canonical label.

CSS Device Adaptation Module relatedTo HTML meta viewport element