Javascript 使用“按比例调整全屏图像的大小”；“超大”；jQuery插件

我正在使用一个名为jQuery的插件来全屏显示图像

您可以在此处（主页上）看到一个示例：

如果您试图缩小屏幕，您会注意到图像也会调整大小，但它可能会缩小太多，图像看起来会很糟糕

这里也使用了相同的插件：；但是，调整大小的方式有所不同，因此图像不会超出比例

我试着比较两个站点上的插件设置，它们看起来都很相似

我已尝试将图像宽度和高度设置为

100%！重要信息

在我的css中，它没有帮助

关于如何实现同样的行为有什么建议吗

当我移除 #supersized img { width: 100% !important; height: 100% !important; } #超大img{ 宽度：100%！重要； 身高：100%！重要； }

---

这似乎是可行的。

虽然不是一个最佳解决方案，但我通过在超大图像中添加

min width

和

min height

来解决这个问题。

这个问题来自于普通css，它使您的图像都基于“最大宽度：100%”

检查css重置是否有以下情况

img { max-width: 100%; }

超级官员对文件“supersized.3.2.7.js”有一个解决方案：

如果您无法按照官方解决方案解决此问题，请尝试仅在超大css中添加以下内容：

#supersized img { max-width: none; }

---

这很棘手，因为

它可以工作，但正如我前面所述，两个站点上的同一图像的行为是不同的。试着在两个网站上调整“大本钟”图像的大小，你会看到区别。我认为他们使用的是背景：封面。。。我深入研究了他们的代码——但无法一路追根究底——而且——如果你尝试沿着img 100%的道路走下去。。。尝试100%的高度或宽度，然后另一个自动-不是100%都自动，否则它会拉伸…背景不应用于主体元素或任何其他元素，因此我不能使用“背景大小：封面”属性