不同的浏览器和相同的css媒体最小/最大宽度

Question

所以我在处理这个C​​SS事情时遇到了真正的问题。

我有11列，1920px（浏览器分辨率），然后（降低分辨率）3列，2和1，简单。但是里面的文本和所有元素都需要完美，所以出现了问题所以我不得不对元素等使用MEDIA SCREEN限制。一切顺利，除了细节出现，chrome和firefox现在都有不同的渲染媒体屏幕查询。

我有这个例子。

@media screen and and (min-width: 746px) and (max-width:765px) { 
    .agi {
        margin-bottom: 470px;
        /* this is because all my columns are one by one floated to the left and
           I want the last row to be below these columns in various browser resolutions */
    }
}

它在Firefox中看起来不同（看起来不错），在Chrome中看起来不同（看起来很糟糕）。

所以我发现这个CSS浏览器破解了Chrome。

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 746px) and
(max-width:765px){ 
    .agi {
        margin-bottom: 470px;
    }
}

这很棒，因为它适用于Chrome，但之后Firefox无法正常工作，因为Chrome和Firefox的min-width也相同，而且我不知道该怎么做。如何在两个浏览器中实现相同的可见性。我应该尝试firefox css hack吗？还有其他解决方案吗？谢谢。