2016-04-07 6 views
0

zoomimg ist auf Breite eingestellt: 145px; Höhe: 145px; aber es drückt den Text, der im Elternteil sein soll, aus dem Elternteil heraus.Div nimmt mehr Platz in Anspruch, als es bei Media 468 maximal Pixeln könnte

Zoomimg ProjectKort divs sind diejenigen zu sehen

.projectkort{ 
    margin: 10px 0px 10px 0px; 
    width: 100vw; 
    height: 150px; 
    background-color: white; 
    border-radius: 0px; 
} 
.zoomimg { 
    margin: 5px; 
    width: 145px; 
    height: 145px; 
    transition: all .3s ease; 
    opacity: 1.0; 
    position: relative; 
    overflow: hidden; 
} 

Es ist hier leben ->tsuts.tskoli.is/2t/2809984199/skapalon

+0

Was ist die html in projectkort? Ist es zufällig ein Tisch? –

+0

https://gyazo.com/2efa2145570c9f0db8a5b585740746ac Aus irgendeinem Grund kann ich die HTML nicht hochladen, aber heres ein Bild davon können Sie auch besuchen tsuts.tskoli.is/2t/2809984199/skapalon und die Quelle anzeigen. –

Antwort

0

Add 'overflow: hidden', um Ihre projectkort Klasse nur für die kleineren mobilen Haltepunkt.

Der Inhalt der Box ist breiter als der Container - also sind sie überfüllt. Sobald ich Overflow hinzugefügt: versteckt in der übergeordneten projectkort Klasse, ging der Überlauf auf dem Handy weg.

+0

schien nicht für mich arbeiten, nur was passiert ist, dass der Text verschwunden ist und der Zoomimg scheint immer noch upp 100vw. –

+0

An Ihrem ersten mobilen Haltepunkt - hinzufügen: Überlauf: versteckt! in die Klasse projectkort. '@media Bildschirm und (max-Breite: 768px) { .projectkort {Überlauf: versteckt! Wichtig; } } ' – Korgrue

+0

Wieder verschwindet der Text, aber ich brauche den Text in das Projektkort Elternteil sein, damit es richtig funktioniert, es ist einfach nicht und niemand scheint herauszufinden, was zu tun ist. Ich habe etwa 10 Leute gebeten, einen Blick darauf zu werfen, den niemand sehen kann, um herauszufinden, was passiert. –

Verwandte Themen