关于Android自适应问题

zhgc

关于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

只是这个footer没有办法固定的屏幕下方了

zhgc

    <div data-role="footer" data-theme="a" data-position="fixed" data-disable-page-zoom="false">


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