viewportの設定でsafariでのみ効かない理由を知りたいです。（Chromeでは検証済み）

Question

viewportの設定についてご教示いただければと思います。
head内に下記コードを記載しました。
750px以下はcssにて@media screenで組んでいるのですが、751px以上ではpcの見た目になるようにしたいと思います。
iPad Proで確認したところChromeでは問題なく（デザイン崩れなし）表示されているのですが、safariで開いた時は下記設定が効いておりません。
safariでも同じように崩れなしで組みたいのですが、解決方法はありますでしょうか？
（キャッシュの問題もあるかと思い複数人の端末で確認したのですが、Safariではデザイン崩れが起きています）

※各ページにはincludeでhead.phpとして読み込んでいます

<script type="text/javascript">
var ua = navigator.userAgent;
if((ua.indexOf('Android') > 0 && ua.indexOf('Mobile') == -1) || ua.indexOf('iPad') > 0 || ua.indexOf('Kindle') > 0 || ua.indexOf('Silk') > 0){
document.write('<meta name="viewport" content="width=1500, user-scalable=1">');
}else{
document.write('<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1">');
}
</script>