有沒有辦法根據屏幕大小自動調整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圖像的大小？

回答

相關問題