Chrome et Mozilla comptent la marge différemment

Je définis% margin haut dans un élément et Moz & Chr le compte différemment. Voici mon code:Chrome et Mozilla comptent la marge différemment

#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;

Et comment voir que Mozilla:

Et comment voir que M. Chrome:

Source

2017-02-27 Ratibor Yaroslavovich

est ce div un enfant de corps ou d'un autre parent? les deux navigateurs ont-ils les mêmes dimensions de viewport? le parent a-t-il une largeur fixe? –

ce div n'est pas l'enfant du corps et un parent à l'autre div. dimensions identiques. –

Im très désolé j'ai eu tort. il est dans le corps ... –

vous devez vous assurer que l'élément contenant ont une largeur fixe et est le même dans les deux navigateurs.

% - indique une marge en% de la largeur de l'élément contenant

source

Source

2017-02-27 17:41:35

largeur est fixée. –

Chrome et Mozilla comptent la marge différemment

Répondre

Questions connexes