Question

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

您可以在此处查看示例（在主页上）：http://mysampleconcept.com/situs4/

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

此处也使用相同的插件：http://mysampleconcept.com/situs3/;但是，调整大小的方式不同，因此图像不会超出比例。

我试图比较两个网站上的插件设置，它们似乎都相似。

我已尝试在我的css中将图像宽度和高度设置为100% !important，但它没有帮助。

有关如何实现相同行为的任何建议？

Answer 1

我删除时

 #supersized img {
 width: 100% !important;
 height: 100% !important;
}

它似乎有效。

Answer 2

虽然不是最佳解决方案，但我可以通过将min-width和min-height添加到超大图像来解决此问题

Answer 3

问题来自普通的css，你的图像都基于“max-width：100％”。

如果有类似

的内容，请检查您的css重置

img { max-width: 100%; }

超大官方有一个解决方案“supersized.3.2.7.js”： https://github.com/buildinternet/supersized/issues/103

如果您无法通过官方解决方案解决问题，请尝试仅在您的超大型css中添加：

#supersized img { max-width: none; }