-1

これは私の最初の投稿です:)

私は Web 開発に非常に慣れていません。バンドの新しい Web サイトの構築を開始することを決めた数日前に、実際には何も知りませんでした。コードが最適でなくても、私を責めないでください。今のところ、Web サイトの見栄えを良くし、どの画面解像度 (=> 1920x1080 およびスマートフォン) でもうまく機能するようにしたいと考えています。欲しかったのですが、一日中試した後、行き詰まりました:

このサイトを見てください http://www.unstucc.de/test/band_site_for_stackoverflow.html (これは、私がこれまでに達成したものの現在のスナップショットです)

javasript を無効にしてブラウザを水平方向にサイズ変更すると、すべてのバンド メンバーの「ボックス」が移動して、常に完全に表示されることがわかります。画面が非常に小さい場合を除いて、水平方向にスクロールする必要はありません。ブラウザを横方向に拡大し、右側に別の「ボックス」用の十分なスペースがある場合、次の「ボックス」は 1 行上にジャンプします。私はこの行動が好きで、それを維持したいと思っています。しかし、javascript を有効にするとわかるように、メーソンリーはこの動作を破壊します。右側に配置されたバンド メンバーを表示するには、右側に水平にスクロールする必要があります。この意図された動作を尊重するように石積みを構成するにはどうすればよいですか? 「ボックス」が

私の説明が十分に明確であることを願っています。英語は私の母国語ではありません。

4

1 に答える 1

0

あなたの絶対位置

<div id="left">

Masonry コンテナ全体をプッシュします

<div id="band_right">

画面の右に移動するため、スクロールが必要です。「CD カバー/ソーシャル ネットワーキング アイコン」要素を常に左上に表示したい場合は、シンプルな Masonry 左隅のスタンプ トリックを使用します。その要素を最初の .masonry-brick にしてから、これらを取り除きます。

left: 420px;

Masonry コンテナー CSS で、それが機能します。left: 420px; を無効にするだけです。Chrome の devtools で、私の言いたいことがわかるでしょう。

于 2012-09-20T21:02:29.330 に答える