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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。