如何使用 MediaWiki 将图像的宽度缩放到窗口的百分比？答案

【问题标题】：How do I scale an image's width to a percentage of the window with MediaWiki?如何使用 MediaWiki 将图像的宽度缩放到窗口的百分比？
【发布时间】：2015-01-15 21:32:39
【问题描述】：

使用 html，我可以将图像的宽度缩放到可用窗口的百分比，如下所示：

<img src=whatever.png width=50% />

对于 mediawiki，这似乎是不可能的（如果您不允许 html 注入）。真的吗？不要告诉我我必须写一个 mediawiki 扩展；）

注意Is there a way automatically to resize MediaWiki images depending on screen size? 的 CSS 答案不是解决方案。我想在一页中有不同百分比的不同图像。

【问题讨论】：

标签： html css image scale mediawiki

【解决方案1】：

应该可以通过使用自定义类名标记特定图像来将the CSS solution 应用于特定图像。也就是说，您需要在 MediaWiki:Common.css 页面中添加如下内容：

img.halfwidth {
    width: 50%;
    height: auto;
}

然后像这样使用 wiki 标记：

[[File:Myimage.jpg|class=halfwidth]]

（请注意，在这样的图像上指定类名需要 MediaWiki 1.20+。如果出于某种原因，您需要在较旧的 MediaWiki 版本上执行此操作，则可以将 CSS 选择器更改为例如 .halfwidth img，以及<div class="halfwidth">[[File:Myimage.png]]</div> 的 wiki 语法。）

【讨论】：

确实是一个很好的答案，它回答了我的问题 - 但是我已经开始开发mediawiki.org/wiki/Extension:AdaptiveThumb，它允许您以百分比设置宽度，并允许您在单击图像时链接到站点。

【解决方案2】：

为了让自己更容易，我写了一个 mediawiki 扩展，允许

对齐
相对大小
图片下的链接
缩略图等标题

在这里：http://www.staerk.de/thorsten/Adaptivethumb

【讨论】：