1. 程式人生 > 其它 >html介面嵌入安卓適配

html介面嵌入安卓適配

方法1:
<script type="text/javascript">
var ua = navigator.userAgent;
if (/Android (\d+\.\d+)/.test(ua)){
<!-- 需要在頁面載入時候 生效 才能有效 -->
var devicePixelRatio = window.devicePixelRatio;
var deviceScale = 1/devicePixelRatio;
document.write('<meta name="viewport" content="width=device-width,initial-scale='+deviceScale+',minimum-scale='+deviceScale+',maximum-scale='+deviceScale+',user-scalable=no">');
}
</script>
方法2:
alert('BODY物件寬度'+document.body.clientWidth+'BODY物件高度'+document.body.clientHeight+'可見區域寬度'+document.documentElement.clientWidth+'可見區域高度'+document.documentElement.clientHeight)
$(window).resize(function () {
var win = $(this).width();
if (win < 1920) { //寬度小於時,按視窗實際寬度計算等比
$("body").css("zoom", win / 1920);
}else{
$("body").css("zoom", "normal");
}
}).trigger('resize');