Wouldn't a simple <meta name = "viewport" content = "width=device-width">
added to the header of each page
make all Mediawiki sites look better on mobile right away? It wouldn't affect non mobile browsers too.
Currently one must go to Manual:FAQ#How do I add meta tags? lengths or add extensions to do that. No simple LocalSetting.php way either.
Topic on Talk:Mobile support in MediaWiki core/Flow
Appearance
Current skins aren't built to handle mobile device widths. Doing that would cover tabs in some skins and make sidebars cramp the content.
For viewport to work a skin has to be custom developed to be responsive.
Jidanni, why don't you look at some of the responsive skins? There are quite a few of those, for example:
- Foreground
- Naiad
- WebPlatform
- Apex
- I very much like the 3 following bootstrap-based skins:
You should definitely take a look at one of those, IMO.
OK I have installed MobileFrontend.
In case anyone is still looking, here is one solution:
$out->addHeadItem('viewport', '<meta name="viewport" content="width=device-width">');