html - 微信 meta name="viewport" 兼容问题
巴扎黑
巴扎黑 2017-04-17 13:06:07
0
4
627

<script type="text/javascript">
var phoneWidth = parseInt(window.screen.width);
var phoneScale = phoneWidth/640;

var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){

var version = parseFloat(RegExp.$1);
// andriod 2.3
if(version>2.3){
    document.write('<meta name="viewport" content="width=640, minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
    // andriod 2.3以上
}else{
    document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
}
// 其他系统

} else {

document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');

}
</script>

如上代码,使页面限制成640px宽度,但是在有的设备上是失效的,有的是高度好像没跟着缩小~
求解

巴扎黑
巴扎黑

全部回覆(1)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!