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
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">');