此页面:http://blueboxluxe.com/weddings-events/上面有三张照片。我希望发生的事情是,随着浏览器尺寸缩小(适合iPhone / iPad),这些照片在跳转到下一行之前应该缩小。
我让它在其他页面上正常工作(例如:http://blueboxluxe.com/services/),但是,布局略有不同。
无论如何,三张照片应该变得更小(连同标题覆盖和绿框),直到页面宽度为768px(iPad),然后它们应该跳到每行一个(就像现在一样)。
希望这一切都清楚! :)
答案 0 :(得分:1)
使用 CSS 进行一些实验后,似乎执行以下操作就足够了。首先,在custom.css
第732行(.page-id-13 .ngg-thumbnail img
规则)中,添加width: 100%;
。现在位于nggallery.css
内html>body .ngg-album
(第31行),添加max-width: 100%;
。这应该可以解决你的问题(对我有用)。
我希望以任何方式帮助你!