[MediaWiki-l] Making Media Files Responsive

Brion Vibber bvibber at wikimedia.org
Tue Dec 1 18:42:03 UTC 2015

The question is, how do you want them to respond?

There is built in support for display-density variants of images via the
srcset attribute, but that's only the most basic of operations.

If you want something like different crops based on display size, that'll
be hard.

If you want something like having thumbnails float left/right on a large
screen while showing full-column/block on a small screen, then I believe
CSS and media queries should help.

Check the MobileFrontend extension's Minerva skin for how it handles this...

More generally on the markup, note that thumbnails using the 'thumb' param
may be more flexible to style than raw inline images.

-- brion
On Dec 1, 2015 9:21 AM, <tharpenator at gmail.com> wrote:

> Hi I doubt there is away to do this, but anyone have any thoughts on
> making Media Files embedded on a wiki page responsive? I'm currently
> designing a site on the foreground skin, which is a responsive skin, but
> all files using the Mediawiki syntax [[File:  ]] are by default not
> responsive. Of course one could allow the use of the html img tags, but it
> would nice if there's another solution. I was thinking it could be done by
> css, maybe something like:
> <div class ="responsive">[[File: ]]</div>
> But I'm not sure what to reference via css, or if it could be done this
> way (I think the File embed will ignore any css, but maybe I'm wrong).
> Anyone have any thoughts on this? Thanks
> Sent from my iPad
> _______________________________________________
> MediaWiki-l mailing list
> To unsubscribe, go to:
> https://lists.wikimedia.org/mailman/listinfo/mediawiki-l

More information about the MediaWiki-l mailing list