Chrome und Mozilla zählen Margin unterschiedlich

Ich setze% margin top in einem Element und Moz & Chr zählen anders. Hier ist mein Code:Chrome und Mozilla zählen Margin unterschiedlich

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

Und wie sehen, dass Mozilla:

Und wie sehen, dass Herr Chrome:

Quelle

2017-02-27 Ratibor Yaroslavovich

Dies ist ein Kind des Körpers oder einem anderen Elternteil div? haben beide Browser die gleichen Ansichtsfensterabmessungen? Hat das Elternteil eine feste Breite? –

dieses Div ist kein Kind des Körpers und ein Elternteil zu anderen div. Dimensionen gleich. –

ich bedauere sehr, dass ich falsch lag. es ist im Körper ... –

Sie sicherstellen sollten, dass das Aufnahmeelement eine feste Breite haben und ist in beiden Browsern gleich.

% - spezifiziert eine Marge in% der Breite des umschließenden Elements

source

Quelle

2017-02-27 17:41:35

breite ist behoben. –

Chrome und Mozilla zählen Margin unterschiedlich

Antwort

Verwandte Themen