1

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

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

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

这里也使用了相同的插件:http: //mysampleconcept.com/situs3/;但是,调整大小的方式不同,因此图像不会不成比例。

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

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

关于如何实现相同行为的任何建议?

4

3 回答 3

0

当我删除

#超大图片{
 宽度:100%!重要;
 高度:100%!重要;
}
它似乎工作。

于 2012-08-20T15:46:59.377 回答
0

虽然不是最佳解决方案,但我能够通过添加min-widthmin-height超大图像来解决这个问题

于 2012-08-27T14:51:38.793 回答
0

问题出在常见的 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; }

这个棘手的是http://blog.valderama.net/node/30

于 2013-09-15T10:35:40.150 回答