我可以在em中设置jquery砌体列宽度吗(因此文本缩放有效)

Question

是否可以以em单位而不是像素为单位指定砖石柱宽度？

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

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

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

香草砌体的答案也可以满足愿望。

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