Chrome和Mozilla的利润率不同

Question

我在一个元素和Moz＆amp; Chr以不同的方式计算。这是我的代码：

#hohloma {
display:flex;
width:90%;
max-width: 537px; 
margin-top: 10%;
@media (min-width: 1000px) {
    width: 450px;
    height: 400px;
    background-image: url(../img/hohloma.png);
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction:column;
    margin-left:4%;
    position:relative;

如何看待Mozilla：

如何看待Chrome先生：

Answer 1

你应该确保包含的元素具有固定的宽度，并且在两个浏览器中都是相同的。

  

％ - 指定包含元素宽度％的边距

source