1

石積みのcolumnWidthをピクセルではなくem単位で指定することはできますか?

$(function(){
  $('#container').masonry({
    itemSelector : '.item',
    columnWidth : '20em',

私の目標は、Firefoxの「テキストのズームのみ」で使用した場合に堅牢なレイアウトを作成することです。そして、一般的に私は他のどこにもピクセル単位を使用しません...このサイトのすべてはem単位です。

上記のcolumnWidthを試してみると、columnWidthがゼロであるかのように、すべてのdivが互いに重なり合っています。

バニラ組積造の答えも欲求を満たすでしょう。

4

1 に答える 1

1

はい、@ desandroは、https://github.com/desandro/masonry/issues/227で、ピクセル単位で物事を残し、emの幅を計算することで、おそらく前進する方法を提供しています。微調整が必​​要ですが、機能させることができます。

  var $container = $('#container');
  var em = parseFloat( $container.css('font-size') );
  $container.masonry({
    columnWidth: 10 * em
  });
于 2012-07-26T16:59:58.843 に答える