Css MediaWiki：根据屏幕大小调整图像

我想在我的MediaWiki站点的主页顶部放置一条横幅。问题是，当我设置横幅的大小（例如

[[image:banner.png | 1400px]]

）时，它将正确显示在我的宽屏显示器上，但当使用不同屏幕大小的设备（例如4/3显示器、平板电脑或手机）时图像延伸至页面右侧，因为它太大，无法在所述屏幕上显示，或者屏幕将仅显示图像的一部分

我想做的是使横幅调整到所用屏幕的宽度，就像将表格的宽度调整到（比如）100%并在所有屏幕大小上正确显示一样。

如前所述，在图像标记中有几种方法可以自定义缩略图大小，包括尊重用户偏好的

直立

至于你所要求的，只有周围的div
width
可以实现，所以你必须设置一个比需要大的图像，然后调整大小。带宽效率不高，但仍有效，请参见：

<div class="topbanner">
[[File: Banner Lyon Saint Jean.jpg|frameless|1800px|]]
</div>

.topbanner img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}