无法更新元视口标记

Question

我正在尝试根据用户的设备和该设备的方向更新视口标记的content属性。

我在读取设备类型及其方向时没有问题，因此我运行脚本以根据这些结果动态创建元标记。

我的问题是当用户更新从横向到纵向的方向时（反之亦然）我无法更新内容属性。

我的目标是在这两个值之间进行交换：

//肖像     .setAttribute（'content'，'width = device-width; maximum-scale = 0.75; user-scalable = 1;'）;

//景观     .setAttribute（'content'，'width = device-width; maximum-scale = 1.0; user-scalable = 1;'）;

我已经广泛搜索了这个答案的解决方案。我希望有人知道这背后的伎俩。

修改

我想要完成的工作应该用css完成，而不是使用元标记，就像ceejayoz在下面评论过的那样，你可以用媒体查询来完成。

@media only screen and (orientation:portrait) { 
   // insert code here
}