动态调整照片大小而不是缩小照片

时间:2012-08-17 22:09:58

标签: html css wordpress

此页面:http://blueboxluxe.com/weddings-events/上面有三张照片。我希望发生的事情是,随着浏览器尺寸缩小(适合iPhone / iPad),这些照片在跳转到下一行之前应该缩小。

我让它在其他页面上正常工作(例如:http://blueboxluxe.com/services/),但是,布局略有不同。

无论如何,三张照片应该变得更小(连同标题覆盖和绿框),直到页面宽度为768px(iPad),然后它们应该跳到每行一个(就像现在一样)。

希望这一切都清楚! :)

1 个答案:

答案 0 :(得分:1)

使用 CSS 进行一些实验后,似乎执行以下操作就足够了。首先,在custom.css第732行(.page-id-13 .ngg-thumbnail img规则)中,添加width: 100%;。现在位于nggallery.csshtml>body .ngg-album(第31行),添加max-width: 100%;。这应该可以解决你的问题(对我有用)。

我希望以任何方式帮助你!