我可以在em中设置jquery masonry columnWidth（所以文本缩放工作）

Question

是否可以以em为单位指定砌体columnWidth，而不是像素？

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

我的目标是创建一个与Firefox'仅缩放文本'一起使用时强大的布局。一般来说，我不在其他任何地方使用像素单元......这个网站上的所有内容都是单位。

当我尝试上面的columnWidth时，所有div都堆叠在一起，就像columnWidth为零一样。

香草砌筑的答案也符合这一愿望。

Answer 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
  });