Difference between revisions of "Viewport"

From wikieduonline
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 portion of the entire page. If the document is larger than the viewport, the user can shift the viewport around by scrolling.
+
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 solved by adding to [[LocalSettings.php]]:  
+
It improves visualization in different screen sizes helping visualization in phones or tablets.
  $out->addHeadItem('viewport', '<meta name="viewport" content="width=device-width">');<ref>https://www.mediawiki.org/wiki/Topic:Rrwecyshgzzcat0l</ref>
+
 
 +
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: