0
Ich habe ein großes Header-Bild in der Startseite. Ich habe es geschafft, das Bild in der mobilen Version reaktionsfähig zu machen, aber ich habe Schwierigkeiten, die Abstände zwischen Button und Text nach unten zu verwalten. Die Räume sind nicht in jedem mobilen Bildschirm identisch. Manchmal sind die Räume größer.Wie wird der Platz im Responsive Header gleich?
Wie behebt man das? Sie können die mobile Version here
CSS (einer der CSS für Bild-Header in der mobilen Version)
@media (max-width: 520px) {
.home-header-div {
height: 750px;
}
.home-header-h1 {
font-size: 2em;
text-align: left !important;
width: 100% !important;
margin: 0.75em 0 0 0 !important;
padding-left: 0.35em !important;
}
.home-header-h3-mv {
padding: 8em 0.75em 0 0.75em;
display: block;
line-height: 1.25em;
font-weight: 300;
font-size: 1em;
}
.home-header-button {
font-size: 1em;
top: 33em;
position: absolute;
float: none;
margin: 0 auto;
display: block;
text-align: center;
width: 90% !important;
line-height: 1.20em;
}
.home-header-p-mv {
margin: 27em auto;
font-size: 1em;
}
}<a class="button-125em button-all home-header-button" href="/calculate-your-loan/" target="_blank"><span class="calculator">Calculate your loan now</span></a>
haben Sie versucht, 'Überlauf-x mit: hidden;' in 'body'? – Spiderman
ja, aber es hilft nicht – User014019
können Sie bitte eine Geige machen –