首页 > 代码库 > JS 控制wap页面viewport正常显示

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*600*densityDpi/600:densityDpi;viewport.setAttribute(‘content‘, ‘width=600, target-densityDpi=‘+densityDpi);

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

JS 控制wap页面viewport正常显示