Emely
Neues Mitglied
Hi ich bin noch eine totale Anfängerin im Programmieren.
Ich habe mir nun eine Website gebastelt die ich auch mehr oder weniger ans iPhone angepasst habe. Im Firefox habe ich den display:flex Befehl genommen, damit meine Bilder sich in einem ganzen (6 Bilder nebeneinander) verschieben und sich von der Größe her anpassen. Das funktioniert auch soweit im Firefox und auf dem iPhone. Ich habe es aber jetzt versucht auf einem MacBook zu öffnen mit dem Safari und dort verschieben die Bilder sich nicht. Die werden einfach zu groß dargestellt und passen sich leider nicht der Bildschirmgröße an.
Was kann ich jetzt machen? Diese Befehle habe ich für die iPhone Anpassung benutzt:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" >
@media only screen
and (max-device-width:960px){ Inhalt....}
Damit funktioniert auch alles soweit. Funktioniert der flex befehl vielleicht nicht für safari auf dem Mac? oder woran kann es liegen?
Danke für eure Antworten!
Ich habe mir nun eine Website gebastelt die ich auch mehr oder weniger ans iPhone angepasst habe. Im Firefox habe ich den display:flex Befehl genommen, damit meine Bilder sich in einem ganzen (6 Bilder nebeneinander) verschieben und sich von der Größe her anpassen. Das funktioniert auch soweit im Firefox und auf dem iPhone. Ich habe es aber jetzt versucht auf einem MacBook zu öffnen mit dem Safari und dort verschieben die Bilder sich nicht. Die werden einfach zu groß dargestellt und passen sich leider nicht der Bildschirmgröße an.
Was kann ich jetzt machen? Diese Befehle habe ich für die iPhone Anpassung benutzt:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" >
@media only screen
and (max-device-width:960px){ Inhalt....}
Damit funktioniert auch alles soweit. Funktioniert der flex befehl vielleicht nicht für safari auf dem Mac? oder woran kann es liegen?
Danke für eure Antworten!