HTML加载后添加的元视口大小不正确

Question

我正在向没有直接访问html的网站添加媒体查询。我正在通过自定义CMS工作。我意识到html没有视口的meta标签，所以我用javascript添加了它：

var meta = document.createElement('meta');
meta.setAttribute('name', 'viewport');
meta.setAttribute('content', 'width=device-width,initial-scale=1,shrink-to- 
fit=no');

var head = document.getElementsByTagName('head')[0];
head.appendChild(meta);

现在，当我在移动设备上查看它时，它看起来像被炸开一样，放大到了：

initial-scale=2

知道为什么会这样吗？