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');


posted @ 2021-11-10 11:41  新蕾的梦幻  阅读(263)  评论(0编辑  收藏  举报