I've got an issue with a new website we're working on. We're using responsive CSS with Media Queries. The issue we have is that when the orientation of the phone changes, the CSS doesn't change (sometimes) until the page has been refreshed.

Is there anyway to refresh the browser automatically when the phone orientation changes? 

I've found a link to the Safari Web 'Orientation' section which may help (Handling Orientation Events)? <https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html>