保证金差异Chrome和Mozilla Firefox

时间:2016-01-11 11:51:07

标签: css google-chrome firefox margin

使用Isotope插件创建了以下example,而我目前遇到的问题是我为div设置的带有文字图片的边距不是'在Chrome和Mozilla Firefox中看起来相同。我已尝试添加normilize.cssReset CSS,但问题仍然存在。

我已经提供了940px和1366px分辨率的代码,还有最小1px分辨率,因此您可以隐藏通用代码以便于查看。在chrome中,有9列的2列和1366的3列。

在第323行使用边距为右的CSS,用于940 res

.composition-place {
      width: 30.24%;
      height: auto;
      margin-right: 4.55%;
      margin-bottom: 30px;
      float: left;
    }

带有边距权限的CSS,第382行为1366 res

.composition-place {
      width: 22.845%;
      height: auto;
      margin-right: 2.9%;
      margin-bottom: 30px;
      float: left;
    }

您能否建议如何解决以下问题?

0 个答案:

没有答案