jquery-masonry - 我可以在 em 中设置 jquery masonry columnWidth（所以文本缩放有效）

Question

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

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

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

当我尝试上述 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
  });