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@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