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为页面原始尺寸,需要根据实际修改做修改。

posted @ 2014-11-26 17:27  CtrlY  阅读(1892)  评论(0编辑  收藏  举报