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

假设您希望margin-bottom为高度的5％，您可以运行jQuery将margin-bottom值设置为像素乘以5％x height