有没有办法根据屏幕大小自动调整MediaWiki图像的大小？

MediaWiki pictures可以通过简单的格式设置为一定的大小。有没有办法根据屏幕大小自动调整MediaWiki图像的大小？

然而，tables将调整上取决于浏览器/屏幕尺寸的飞行。

图像是否可以像表格一样进行调整？

（图片内表不工作！）

2012-01-31 Wikis

我有同样的问题，并从下面的答案看到，你不能有几个不同的相对大小的照片。所以我写了一个mediawiki扩展：https：//www.mediawiki.org/wiki/Extension:AdaptiveThumb – 2015-01-21 18:24:31

@ThorstenStaerk：建议你添加一个新的答案！ – Wikis 2015-01-21 18:26:23

我有同样的问题，并从上面的答案（现在他们下面）看到，你不能有几个不同的相对大小的照片。所以我写了一个链接到MediaWiki扩展，允许这样的：http://mediawiki.org/wiki/Extension:AdaptiveThumb

来源

2015-01-21 18:27:13

总之，没有，有没有简单的方法来做到这一点。它可以想象用一堆繁琐的Javascript来完成，但我不知道有人尝试过这种方法，并且实现并不是微不足道的。

来源

2012-01-31 22:23:51 jpatokal

你会发现那里报告错误，如果它不适合你:) – 2015-01-21 18:28:57

简短的回答是否定的。长时间的回答是，您必须编写JavaScript来确定用户的屏幕分辨率并将其存储在cookie中。这必须最常用common.js来完成，因此除了十亿用户之一这是从来没有去过的网站，并设法通过动态大小的图像直接导航到页面（我希望你不会在你的主页上放置类似的东西），当他们到达时，这些信息已经存在页。然后该页面可以使用这些变量将大小设置为{{#expr:(File height * % of screen you want it to take)*(screen height)}}x{{#expr:(File width * % of screen you want it to take)*(screen width)}}px。我的维基的主机表示他正在编写一个新的扩展程序，可能可以做到这一点，作为我想要的<div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;">部分的请求的一部分。如果您在我之前发现了其他内容，请更新此帖子，以便我可以看到它。谢谢。：d

来源

2012-04-13 15:07:07 ShoeMaker

为什么你甚至需要将用户的屏幕分辨率写入cookie？这是生活和变化的动态。一秒是1400px，另一秒是600px。 – kiradotee 2017-11-13 13:55:57

作为浏览器的尺寸调整动态调整大小：把下一行的CSS文件的开头：\皮肤\共同\ shared.css

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

每个可调整大小的图像将是放在<div></div>

<div>[[Image:MyImage.png]]</div>

阅读里面更多在这里：http://www.mediawiki.org/wiki/Help_talk:Images

来源

2014-04-02 08:36:40 profimedica

你可以建立一个CSS破解。

Mediawiki的允许你包括像ALT文字一些变量，包括变量特殊字符串，如w100或resizeable将让你的目标与CSS元素：

img[alt=~w100] { width: 100% !important; height: auto !important; }

请注意，由于您在CSS中使用alt来表示不需要使用的东西，!important（因为MW将大小设置为元素样式），所以应尽可能避免这种情况，并且将其用作最后的手段。

来源

2018-01-20 15:50:32

有没有办法根据屏幕大小自动调整MediaWiki图像的大小？

回答

相关问题