Tagged: CSS

Flexbox-Inhalte für Safari (iPhone und iPad)

Bei der Darstellung von Flexboxen gibt es leider immer noch unterschiedliche Standards in den aktuell genutzten Browserversionen. Daher muss man bei der Nutzung von Flexboxen die entsprechenden Syntaxvorschriften etwa für Firefox, Internet Explorer, Chrome und Safari beachten. Wie das funktioniert, ist in den Grundzügen hier beschrieben. Trotzdem hatte ich das Problem, dass die Flexboxinhalte sowohl im iPad als auch in der gerenderten Bildschirmdarstellung von Google Pagespeed nicht korrekt umgebrochen wurden, und die zu wrappenden Boxen samt ihren Inhalten über den rechten Bildschirmrand hinausreichten. Die Ursache dafür war, dass ich die (in diesem Fall drei) zu wrappenden Boxen mit einer dynamischen...