转载请声明出处(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. day01-1   常用dos命令
			
    计算机 = 硬件 + 软件 硬件: cpu 计算机中的运算核心与控制核心.负责了解析计算机的指令与计算机运算的执行. 内存 数据与cpu交互的桥梁.程序所需要的数据都会先加载到内存中.cpu直接读取内 ...
    
			
    2. 
						
  2. Django开发笔记
			
    django基础之视图 1.在Django中网页前端的页面和其他内容都是由视图来传递的(视图对web请求进行回应)Django通过检查请求的URL(准确地说,是URL里域名之后的那部分)来选择使用哪个 ...
    
			
    3. 
						
  3. 异常处理_Maven多模块web项目整合ssm+dubbo
			
    异常如下: [ERROR][org.springframework.web.context.ContextLoader.initWebApplicationContext(ContextLoader. ...
    
			
    4. 
						
  4. Oracle入门
			
    一.Oracle数据库简介 Oracle数据库的主要特点 :支持多用户.大事务量的事务处理:数据安全性和完整性控制:支持分布式数据处理:可移植性. Oracle数据库基于客户端/服务器技术:数据库服务 ...
    
			
    5. 
						
  5. git超详细教程
			
    GitHub操作总结 : 总结看不明白就看下面的详细讲解. GitHub操作流程 : 第一次提交 : 方案一 : 本地创建项目根目录, 然后与远程GitHub关联, 之后的操作一样; -- 初始化Gi ...
    
			
    6. 
						
  6. java开发中JDBC连接数据库代码和步骤
			
    JDBC连接数据库 •创建一个以JDBC连接数据库的程序,包含7个步骤: 1.加载JDBC驱动程序: 在连接数据库之前,首先要加载想要连接的数据库的驱动到JVM(Java虚拟机), 这通过java.l ...
    
			
    7. 
						
  7. rails4.0 session activerecord
			
    Active Record Session Store A session store backed by an Active Record class. A default class is pro ...
    
			
    8. 
						
  8. ABP理论学习之MVC控制器（新增）
			
    返回总目录 本篇目录 介绍 AbpController基类 本地化 异常处理 响应结果的包装 审计日志 授权 工作单元 其他 介绍 ABP通过Abp.Web.Mvc nuget包集成了ASP.NET  ...
    
			
    9. 
						
  9. Java多线程7：死锁
			
    前言 死锁单独写一篇文章是因为这是一个很严重的.必须要引起重视的问题.这不是夸大死锁的风险,尽管锁被持有的时间通常很短,但是作为商业产品的应用程序每天可能要执行数十亿次获取锁->释放锁的操作,只 ...
    
			
    10. 
						
  10. 深入浅出NodeJS——数据通信，NET模块运行机制
			
    互联网的运作,最根本的驱动就是信息的交互,NodeJS 在数据交互这一块做的很带感,异步编程让人很惬意,关于 NodeJS 的数据通信,最基础的两个模块是 NET 和 HTTP,前者是基于 TCP 的 ...
    
			
    11.