深圳全飞鸿

标题: 关于Android自适应问题 [打印本页]

作者: zhgc 时间: 2021-3-5 13:33
标题: 关于Android自适应问题
本帖最后由 zhgc 于 2021-3-5 14:14 编辑

关于Android自适应问题

方案一：

webSettings.setUseWideViewPort(true); //必须从false改为true才能生效
webView.setInitialScale(130);

这样的结果是网页内容得到了放大，但同时导致页面的宽度和高度都被放大。这个效果不符合要求

方案二：
后台加
<script>
function bodyScale(){
document.body.style.zoom = 1.0;
}

window.onload = window.onresize = function () { bodyScale(); } ;
</script>

这样的结果是网页内容得到了放大，页面的宽度自适应了，但页面的高度被放大。这个效果不符合要求

方案三：
后台加
<style>
body{ zoom:2 }
</style>

效果同上，网页内容得到了放大，页面的宽度自适应了，但页面的高度被放大。这个效果不符合要求

方案四：

后台加
<meta name="viewport" content="width=300, initial-scale=1.3" />

刚开始发现没有效果，但后来突然发现有一个页面得到的正常的自适应。

分析到最后，发现是用了这个data-role="footer"功能导致自适应失败：
<div data-role="footer" data-theme="a" data-position="fixed" data-tap-toggle="true">

如果把footer不固定在屏幕下方，则页面可以实现不同分辨率下的自适应。

暂时采用该方案！

作者: zhgc 时间: 2021-3-5 14:20
只是这个footer没有办法固定的屏幕下方了

作者: zhgc 时间: 2021-3-23 23:12
<div data-role="footer" data-theme="a" data-position="fixed" data-disable-page-zoom="false">

加上data-disable-page-zoom="false"可以解决以上问题！

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)