So, ich konnte nun denke ich die Ursache eingrenzen. Jedoch noch nicht beheben. Ich habe nun folgenden Code im Einsatz:
https://codepen.io/chhe/pen/YRPKRJ
In Zeile 23 habe ich ein "min-width: 250px" hinzugefügt. Damit zwinge ich unter iOS, dass die Spaltenbreite breit genug ist, das Zeilenumbrüche enstehen und immer nur 3 Buchstaben nebeneinander stehen.
Unter Android benötige ich dieses "min-width" nicht. Da greifen Zeile 26-29. "white-space: nowrap" scheint unter iOS nicht erkannt zu werden.
Gibt es Alternativen die Zeilenumbrüche zu vermeiden? Wenn wenigstens noch ganze Wörter untereinander stehen würden wäre es ja noch in Ordnung. Aber wenn nur 2-3 Buchstaben nebeneinander erschein ist es halt schon sehr blöd.