html - 动态调整照片大小而不是折叠

Question

此页面： http ://blueboxluxe.com/weddings-events/ 上面有三张照片。我希望发生的是，随着浏览器的尺寸变小（以适应 iPhone/iPad），这些照片在跳转到下一行之前应该会缩小。

我让它在其他页面上正常工作（例如：http ://blueboxluxe.com/services/ ），但是，这是一个稍微不同的布局。

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

希望这一切都清楚了！:)

Answer 1

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

我希望这对你有任何帮助！