2

ポートフォリオを再編成するためにアイソトープ jquery を試しています。

ウェブサイトをレスポンシブにしたいので、コンテナ内の要素を 22% 幅に設定しました。

ただし、初めてページをロードしたときはすべて問題ないように見えます。またはリフレッシュしてください。しかし、ページのサイズを変更すると、要素の幅はうまく変化しますが、要素間に大きなギャップがあります。

ポートレートとランドスケープの間でローストするiPadでテストすると、同じことが起こります。

ページが更新されるまで、新しい位置に自動的に移動しないのはなぜですか? ここに例があります。私が話しているセクションは、「注目の」ボックスです。

http://www.comeinside.co.uk

4

1 に答える 1

3

このプラグインを使用したことはありませんが、少しグーグルすると、彼のデモがあなたが望むことをしているように見えます：http: //isotope.metafizzy.co/demos/fluid-sensitive.html

// update columnWidth on window resize
$(window).smartresize(function(){
  $container.isotope({
    // update columnWidth to a percentage of container width
    masonry: { columnWidth: $container.width() / 5 }
  });
});
于 2012-10-16T18:42:22.707 に答える