JS 控制VIEWPORT在微信上正常显示

很多同学可能会遇到这种情况，自己写的Html5页面在app中显示都是正常的，但是到了微信中，显示就缩小的将近一半，这是什么原因呢，是因为微信的浏览器内核是他们特有的，和一般的浏览器内核不同，可以通过加下面这段js解决这个问题：

var viewport = document.querySelector(“meta[name=viewport]”);

var winWidths=$(window).width();

var densityDpi=640/winWidths;

densityDpi= densityDpi>1?300*640*densityDpi/640:densityDpi;

if(isWeixin()){

viewport.setAttribute(‘content’, ‘width=640, target-densityDpi=’+densityDpi);

}else{

viewport.setAttribute(‘content’, ‘width=640, user-scalable=no’);

window.setTimeout(function(){

viewport.setAttribute(‘content’, ‘width=640, user-scalable=yes’);

},1000);

}

function isWeixin(){

var ua = navigator.userAgent.toLowerCase();

if(ua.match(/MicroMessenger/i)==”micromessenger”) {

return true;

} else {

return false;

}

}