转载请声明出处(http://www.cnblogs.com/linguanh/)

一，先说下我的情况，大家可以对号入座(嫌无聊请跳过)

我的项目要求是这样的，先从数据库里面拿出来html标签，因为加载到移动端的网页内容是用户在网页编辑好了之后提交到服务器的，即网页内容是 b/s 交互，我在网页前段编辑器里面设置了只保存编辑的 html 标签，即是没有头部和后面的，形式是：

<html>

<body>

只保存这里的标签到数据库

</body>

</html>

移动端有两个activity，这时候是 c/s 交互了，页面一负责加载前置数据，例如一张封面图之类的，然后用户点击进入webView主体，我上面说了，我的目标html标签是保存到db的，所以我在第一个页面的时候就把db里面的html下载保存到内存了，String即可，用户点击时，跳转传递。看到这里，相信你知道我是加载到webView的了，没错，就是组合，再load。注意了，我这里并不是直接加在一个链接，不是 webView.loadUrl() 是组合好 html 后再使用 loadDataWithBaseUrl。

二，说下标签不同的影响(很重要，因为某些方法对某些表情有用)

通常，我们加载后超出屏幕宽度的一般是 img 或者 video 标签或者文字，这类标签可以使用css 或者 网上盛行的三个设置做到适配，这三个盛行的设置是：

setting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
setting.setUseWideViewPort(true);
setting.setLoadWithOverviewMode(true);

我先说明，这三个设置不一定有效，android 4.4 后就很可能没效，为什么是很可能？你都不敢确定？上面说过，和标签及其设置有关系。
   如果出现了 table 这种标签，即 table 适配屏幕，很可能css都失效，怎么办？，我就是遇到了它，所以有了这篇文章。

三，三种解决方法(重点)。
   针对我的自己情况，自己组合html显示的。
   法一：
      使用 Css 适配，它比上面的三种 setting 有效，对img 和video 绝壁有效，我给出个例子：
 "<style>"+

  "img{" +

         "max-width:100%;" +

          "height:auto}" +

  "video{"+

             "max-width:100%;"+

              "height:auto}"+

   "</style>" +


法二：使用三种setting设置：


        setting.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        setting.setUseWideViewPort(true);
        setting.setLoadWithOverviewMode(true);
        这种方法的失败可能性很大，但是，也可以一试

   法三：使用javaScript脚本，暂时给它定义成功率是 100%（因为我用它没失效过）
        我这里给一个例子，例如我上面说到的 table。




"<script type=\"text/javascript\">"

     "var tables = document.getElementsByTagName('table');" + // 找到table标签

       "for(var i = 0; i<tables.length; i++){" +  // 逐个改变

              "tables[i].style.width = '100%';" +  // 宽度改为100%

               "tables[i].style.height = 'auto';" +

         "}" +

  "</script>"+





　　              看到这里，你很可能会说，这和 css 有什么区别？区别可大了，我使用 css 改变table的失败了，使用它成功了。


说明一下： 上面使用 js 脚步适配，请写到 内容加载之后，即是 <body> 内容 <写后面></body>，为什么呢？有基础的人都知道，html 是解析性语言，从上到下，你要先加载好 html 再使用 js 改变，除非js 包在函数里面。


四，打完收工


有问题请留言。
												


											
解决 android 高低版本 webView 里内容 自适应屏幕的终极方法的更多相关文章
	

    
								
  1. Css:背景色透明，内容不透明之终极方法！兼容所有浏览器
		
    转载 http://www.cnblogs.com/jikey/archive/2012/08/31/2665880.html <!DOCTYPE html PUBLIC "-//W3 ...
    
		
    2. 
						
  2. Android 各个版本WebView
		
    转载请注明出处   http://blog.csdn.net/typename/ powered by miechal zhao : miechalzhao@gmail.com 前言: 根据Googl ...
    
		
    3. 
						
  3. 安卓开发学习笔记（五）：史上最简单且华丽地实现Android Stutio当中Webview控件https/http协议的方法
		
    一.我们先在XML当中自定义一个webview(Second_layout.xml) 代码如下: <?xml version="1.0" encoding="utf ...
    
		
    4. 
						
  4. css布局-内容自适应屏幕
		
    css页面布局,实现内容部分自适应屏幕,当内容高度小于浏览器窗口高度时,页脚在浏览器窗口底部:当内容高度高于浏览器窗口高度时,页脚自动被撑到页面底部. <style type="tex ...
    
		
    5. 
						
  5. 解决Opencv高低版本不兼容问题
		
    目前OpenCV版本已更新到2.4...由此出现了一系列问题,解决如下: 1.cxcore.h等头文件找不到: 法一.将opencv1.0中的各种.h或者.lib文件拷到opencv2.3.1对应in ...
    
		
    6. 
						
  6. Android自适应屏幕的实现方法
		
    首先我们先了解下手机分辨率 分辨率是指屏幕上有横竖各有多少个像素目前手机分辨率大概情况如下: QVGA 分辨率:320×240 简    介:QVGA即"Quarter VGA". ...
    
		
    7. 
						
  7. Android测试（四）——内容供应器泄露
		
    内容供应器:用来存储和查询应用程序中的数据或来自电话的数据,所有内容供应器都具有唯一的统一的资源标识符(URI)以便被识别和查询. 内容供应期命名惯例:以content://开始 当Android A ...
    
		
    8. 
						
  8. Android : 如何在WebView显示的页面中查找内容
		
    Android : 如何在WebView显示的页面中查找内容 Author : Aoyousatuo Zhao http://blog.sina.com.cn/aoyousatuo WebView是A ...
    
		
    9. 
						
  9. (转)完美解决 Android WebView 文本框获取焦点后自动放大有关问题
		
    完美解决 Android WebView 文本框获取焦点后自动放大问题 前几天在写一个项目时,要求在项目中嵌入一个WebView 本来很快就完成了,测试也没有问题.但发给新加坡时,他们测试都会出现文本 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. [转]关于SVN的操作批处理示例
			
    为了一句话:不要动手做机器能够做的事情. 天天工作用svn,更新啥的打开目录啥的动作天天在重复.每次写些命令也蛮无聊的,不说了,看下面: @echo off rem 显示部分 @echo 注 意 事  ...
    
			
    2. 
						
  2. ADO.NET数据访问模板整理
			
    /// <summary> /// 数据访问类:hi_test /// </summary> public partial class TestDA { public Test ...
    
			
    3. 
						
  3. ［ios］关于用FMDB 操作数据库 删除 tableView 后刷新
			
    刚了解使用fmdb,从数据库获取数据 绑定到一个可变数组classNameItems //从ClassList表取得数据 FMResultSet *classInfo=[db executeQuery ...
    
			
    4. 
						
  4. 【转】POJ题目分类推荐 （很好很有层次感）
			
    OJ上的一些水题(可用来练手和增加自信) (poj3299,poj2159,poj2739,poj1083,poj2262,poj1503,poj3006,poj2255,poj3094)初期: 一. ...
    
			
    5. 
						
  5. 内存不足时，调用ajax报的错
			
    在error中遍历出来的异常   很难见
    
			
    6. 
						
  6. 方维 o2o app源码出售
			
    方维 o2o app源码出售 方维o2oapp源码出售 1.本人官方5万购买,现把方维o2o app 源码低价出售: 2.包括网站源码本地搭建包成功提供指导 3.包括网站说明文档,不包含app说明文档 ...
    
			
    7. 
						
  7. “眉毛导航”——SiteMapPath控件的使用（ASP.NET）
			
    今天做网站的时候,用到了SiteMapPath控件,我把使用方法记录下来,以便日后查阅以及帮助新手朋友们. SiteMapPath”会显示一个导航路径(也称为痕迹导航或眉毛导航),此路径为用户显示当前 ...
    
			
    8. 
						
  8. SDOI 2016 游戏
			
    树链剖分 线段树维护区间最小值,区间最大值 更新,对于每一个区间,找到当前区间的最小值的最大值,和要更新的值比较,如果比最大值还大,则此数对于以后的询问无任何贡献,直接返回即可,若有贡献,则一直递归到 ...
    
			
    9. 
						
  9. 动态sql
			
    目录 1.给动态语句传值(USING 子句) 2.从动态语句检索值(INTO子句) 3.动态调用存过 4.将返回值传递到PL/SQL记录类型;同样也可用%rowtype变量 5.传递并检索值.INTO ...
    
			
    10. 
						
  10. 剑指Offer面试题：29.丑数
			
    一.题目:丑数 题目:我们把只包含因子2.3和5的数称作丑数(Ugly Number).求按从小到大的顺序的第1500个丑数.例如6.8都是丑数,但14不是,因为它包含因子7.习惯上我们把1当做第一个 ...
    
			
    11.