My pen http://codepen.io/TobiReif/pen/Kdzaxg is responsive, the pattern gets recreated afresh on resize. On smartphones, the editor view's preview area (by Codepen) has "1x", 0.5x", and "0.25x" buttons. On eg Samsung Galaxy in eg Chrome, each time I tap any of these buttons, the pattern gets re-created, as intended. But in Mobile Safari, when I tap eg "0.25x" then "1x", the result is not as intended - the pattern creating function should be called, so that the visitors see the intended pattern, but after the "1x" tap, the pattern doesn't get re-created although I'm listening to the resize event. (Perhaps related? https://bugs.webkit.org/show_bug.cgi?id=81209 )