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%;。这应该可以解决您的问题(对我有用)。

希望对您有所帮助!