Page MenuHomePhabricator

Should include meta viewport width=768 for mobile devices like iPad
Closed, ResolvedPublic

Description

Author: info

Description:
On mobile devices like the iPad the font size of the standard view of MediaWiki/Wikipedia/... pages is really tiny. MediaWiki webpages should therefore include a meta viewport tag with e.g. width=768 for mobile devices like iPad.

The layout with viewport width=768 can be tested with an iOS bookmark:

  1. Bookmark any webpage on IOS
  2. Edit the created bookmark and change its link to the following:

javascript:
meta = document.createElement("meta");
meta.name = "viewport";
meta.content = "width=768";
document.getElementsByTagName("head")[0].appendChild(meta);

  1. Open a WikiMedia webpage
  2. Tap on the created bookmark to apply the viewport width=768 to the actually displayed webpage

Version: 1.21.x
Severity: enhancement
OS: other
Platform: Other

Details

Reference
bz38213

Event Timeline

bzimport raised the priority of this task from to Medium.Nov 22 2014, 12:58 AM
bzimport set Reference to bz38213.
bzimport added a subscriber: Unknown Object (MLST).

(Please leave the severity field as "enhancement". Thanks.)

for wikipedia there is a mobile site, http://en.m.wikipedia.org/, however the stylesheet is not responsive so the copy won't re-flow on zoom-in.

for other wiki installs this extension may help http://www.mediawiki.org/wiki/Extension:MobileFrontend.

the approach of adding a viewport with width=768 is in imho not the "right" approach. this bug has more to do with the overall strategy of whether or not to make the wiki a responsive design or something else.

Jdlrobson set Security to None.
Jdlrobson subscribed.

Seems to be a request on Vector. The mobile skin provided by MobileFrontend already does this.