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

Question

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

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

对于 mediawiki 这似乎是不可能的(如果您不允许 html 注入(inject))。是不是真的？不要告诉我我必须写一个 mediawiki 扩展 ;)

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

Answer 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 语法。)