Difference between revisions of "Viewport"
Jump to navigation
Jump to search
(It improves visualization in different screen sizes helping visualization in phones or tablets.) |
|||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | Viewport in [[web browsers]] is the visible | + | Viewport in [[web browsers]] is the visible visible area of a entire web page. If the document is larger than the viewport, the user can shift the viewport around by scrolling. |
+ | [[wikipedia:HTML5]] in 2014 introduced a method to let web designers take control over the viewport, through the tag<ref>https://www.w3schools.com/css/css_rwd_viewport.asp</ref>: <pre><meta name="viewport"></pre>. | ||
− | In [[Mediawiki]] software can be | + | It improves visualization in different screen sizes helping visualization in phones or tablets. |
− | $out->addHeadItem('viewport', '<meta name="viewport" content="width=device-width">');< | + | |
+ | In [[Mediawiki]] software can be configured by adding to [[LocalSettings.php]]<ref>https://www.mediawiki.org/wiki/Topic:Rrwecyshgzzcat0l</ref>: | ||
+ | <pre>$out->addHeadItem('viewport', '<meta name="viewport" content="width=device-width">');</pre> | ||
[[Category:web]] | [[Category:web]] |
Latest revision as of 06:16, 31 December 2019
Viewport in web browsers is the visible visible area of a entire web page. If the document is larger than the viewport, the user can shift the viewport around by scrolling.
wikipedia:HTML5 in 2014 introduced a method to let web designers take control over the viewport, through the tag[1]:
<meta name="viewport">
.
It improves visualization in different screen sizes helping visualization in phones or tablets.
In Mediawiki software can be configured by adding to LocalSettings.php[2]:
$out->addHeadItem('viewport', '<meta name="viewport" content="width=device-width">');
Advertising: