javascript - iPhone 上的砌体忽略了基于百分比的边距

Question

在 iOS 上使用 Masonry ( http://masonry.desandro.com ) 设置百分比时，不存在底部边距。将边距更改为像素可以解决问题。事后触发布局也有效。对此有任何建议的修复吗？

<style type="text/css">
  .item { margin-bottom:5% }
</style>

<script type="text/javascript">    
$(function(){
  var $container = $('.masonry');

  $container.masonry({
    columnWidth: 60,
    gutter: 10
  });

});
</script>

请参阅 jsFiddle 上的示例：http: //jsfiddle.net/5PNpt/

Answer 1

假设您希望边距底部为高度的 5%，您可以运行 jQuery 通过乘以 5% x 高度将边距底部值设置为像素