私は現在、将来レスポンシブになるウェブサイトに取り組んでいます。このサイトは主に画像で構成されており、クリックすると FancyBox に読み込まれます。FancyBox の v2 はレスポンシブになり、画面サイズが変更されたときに画像などのサイズが変更されます。私のデザインの一部として、ページの上部と下部に表示される 2 つの固定バナーがあります。下の画像を参照してください。
デフォルトでは、FancyBox の周りに余白があり、適切にスタイルされます。ただし、バナーに追加した固定配置では、上下の余白を増やす必要があります。私はJSソースを調べましたが、余分なマージンを追加する必要がある場所を見つけることができません。トランジションなどにはあらゆる種類のマージンがあります（私が混乱していると思います）。
理論的には、余白に "x" 量のピクセルを追加するだけで済みます。ここで、x はバナーの高さです。余談ですが、モバイルではバナーが少し浅くなる可能性があるため、レスポンシブ デザインでこれをどのように再現するかはわかりません。マージンを追加すると、画像とバナーの間にわずかな隙間ができます。現在、画像はバナーの後ろにあります。私がどのように見せたいかについては、次の画像を参照してください。
これが以前に行われた場所の考え/例をいただければ幸いです。
前もってありがとう、アダム。