Hallo allerseits,
habe in den letzten Wochen eine 'responsive' WS erstellt, bei der die äußeren 'Containerelemente' jeweils eine Breite von 90% sowie zusätzlich eine maximale Breite bekommen haben.
Firefox (auf PC), Opera, Chrome, selbst IE, sowie Safari liefern alle das erwartbare Ergebnis; auch auf IPhone und Android- Smartphone konnte ich keinen Fehler entdecken.
Lediglich die Mac- Variante des Firefox zieht mir die Seite schmaler zusammen?! (Was natürlich auch dazu führt, dass die media queries keinen Sinn mehr machen, da sie jeweils für eine breitere Darstellung angepasst wurden.)
Da ich selbst keinen Mac habe und mir die Seite in Folge dessen vorgestern bei Bekannten angesehen habe, kann ich momentan auch leider keine detaillierten Hardware- Informationen liefern. Aber vielleicht gibt's ja einen bekannten Bug bzw. einen beliebten Programmierfehler?
CSS-Code ist also beispielsweise:
bzw.
header[role='banner'] .poster .inside, nav[role='navigation'] .inside, footer[role='contentinfo'] .inside{
width: 90%;
max-width: 59.8125em;
margin-right: auto;
margin-left: auto;
height:auto;
}
usw.
Vielen Dank im Voraus!
LM