0

このページ: http://blueboxluxe.com/weddings-events/ には 3 枚の写真があります。私が実現したいのは、ブラウザーのサイズが小さくなると (iPhone/iPad に合わせて)、次の行にジャンプする前にそれらの写真が縮小することです。

他のページ ( http://blueboxluxe.com/services/など) では正しく動作していますが、レイアウトが少し異なります。

いずれにせよ、ページの幅が 768px (iPad) になるまで、3 つの写真は (タイトル オーバーレイと緑色のボックスと共に) 小さくなり、その後 (現在のように) 1 行に 1 枚にジャンプする必要があります。

これがすべて明確であることを願っています！:)

4

1 に答える 1

1

CSSでいくつかの実験を行った後、次のことを行うだけで十分なようです。まず、custom.css732行目（.page-id-13 .ngg-thumbnail imgルール）に、を追加しwidth: 100%;ます。ここでnggallery.css、html>body .ngg-album（31行目）の中に、を追加しmax-width: 100%;ます。これで問題が解決するはずです（私にとってはうまくいきます）。

それが何らかの形であなたを助けたことを願っています！

于 2012-08-17T23:23:43.413 に答える