Ich habe hier eine Seite, welche auf einem Iphone leider fehlerhaft dargestellt wird.
Es ist eine Seite im One-Page Design, in der es ein paar Bilder mit Parallax Effekt gibt.
Nun stimmt allerdings die Skalierung auf einem Iphone nicht. Die Bilder sind extrem groß und somit nicht wirklich sichtbar bzw wirken extrem herangezoomt. Auf Andoid-Geräten funktioniert alles wie es soll.
hier mal kurz der Code:
HTML
CSS
CSS
.parallax1 {
background-image: url("../img/par1.jpg");
min-height: 100%;
height:auto !important;
height:100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
Originalgröße des Bildes ist 1300x864 px.
Wieso wird es im Iphone völlig überzogen dargestellt, während es auf Android funktioniert? Als Browser wurde in beiden Fällen Chrome genutzt. Hat jemand ne Idee?