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(a)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