0
Ich habe eine Website erstellt, die kurz vor der Fertigstellung mit Bootstrap ist.Das Problem, das ich habe ist, dass auf einem Desktop-oder Android-Gerät sieht es gut aus und funktioniert wie geplant. Auf iPhone schrumpft das Hintergrundbild jedoch nicht, um auf das Display zu passen. Die Website verwendet Cascade Scrollen.Bootstrap Hintergrundbild Größe nicht auf iPhone ändern
www.mabmetalworks.com
Ich vermute, es hat etwas mit dem iPhone zu tun Display ein Netzhaut zu sein?
Können Sie sich meinen unten stehenden Code ansehen und mir mitteilen, wie ich ihn korrigiere, um mit dem iPhone zu arbeiten?
<div id="home" class="home">
<div class="text-vcenter">
<h1>MAB Metal Works</h1>
<h3 class = "H2">Your Local Steel Company</h3>
<a href="#about" class="btn btn-default btn-lg">Continue</a>
</div>
</div>
#home {
background: url(../images/main.jpg) no-repeat center center scroll;
display: table;
height: 100%;
position: relative;
width: 100%;
max-width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}