JS 控制wap页面viewport正常显示

首先你要设置meta viewport属性。

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, user-scalable=yes">

然后再JS代码中设置如下代码：

var viewport = document.querySelector("meta[name=viewport]");
var winWidths=$(window).width();
var densityDpi=600/winWidths;
densityDpi= densityDpi>1?300*densityDpi:densityDpi;
viewport.setAttribute('content', 'width=600, target-densityDpi='+densityDpi);

其中600为页面原始尺寸，需要根据实际修改做修改。

转载于:https://www.cnblogs.com/ctrly/p/4123810.html