Necesito cambiar dinámicamente el contenido de la ventana gráfica a través de JavaScript, el código funciona como se esperaba en Android pero no en iPhone.

Código JavaScript:

 const viewport = document.querySelector("meta[name=viewport]"); const initialScale = (1 - Math.random()*0.0001); viewport.setAttribute('content', 'width=device-width, initial-scale='+initialScale+', user-scalable=1');

El código anterior funciona bien cuando agrego la metaetiqueta de la siguiente manera:

 <meta name="viewport" content="width=device-width, initial-scale=2.0, minimum-scale=1.0, maximum-scale=4.0, user-scalable=1">

Pero el mismo código Javascript no funciona cuando agrego metata como:

 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=4.0, user-scalable=1">

Cualquier ayuda es muy apreciada.