You didn't mention what story format you are using in the question tags.
That said, the stuff inside the "<style>" element should be in your story's stylesheet, not in the passage.
$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0">');
I don't have Safari and I haven't tested that, so I'm not 100% positive that will work for what you want. Also, since the "<meta>" element is added later, it may be ignored by the browser.
Another, possibly better, option would be to simply open up the published HTML in a good text editor, like Notepad++, and put the "<meta>" element in that way.
Hope that helps!