转载请声明出处(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. 日常关键字：定时关机、该任务映像已损坏或已篡改.(0x80041321)、ChaZD生词同步扇贝
			
    我在床上用chinanet网络慢得简直令人发指,12B/S.是的你没有看错,这是我最常看到的网速.但是我最近发现电脑联网开出一个WiFi,在床上用手机上网时,网速会一点提升,可达到1KB/S(⊙﹏⊙) ...
    
			
    2. 
						
  2. Xcode 调试技巧
			
    一 NSLog调试 官方文档:Logs an error message to the Apple System Log facility. 即NSLog不是作为普通的debug log的,而是err ...
    
			
    3. 
						
  3. 浏览器全屏事件(Html5)
			
    <button onclick="launchFullscreen(document.documentElement);"></button> functi ...
    
			
    4. 
						
  4. MyEclipse新建web project和navicat110_mysql_en工具
			
    首先注意几点: 1.eclipse web项目:项目名称不得超过五个字符,要求全部小写,不管变量名.类名.函数名.文件名,在没有特殊理由的时候,不要用下划线,同时表名和类名用两个单词,尽量不要用Stu ...
    
			
    5. 
						
  5. 拯救无法启动的虚拟机文件.vmdk中的数据
			
    FROM: http://blog.csdn.net/npy_lp/article/details/7686583 从事Linux开发的软件工程师几乎都使用过虚拟机软件,如VMware worksta ...
    
			
    6. 
						
  6. HTML和CSS经典布局4
			
    如下图: 需求: 1. 如图 2. 可以从body标签开始. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xht ...
    
			
    7. 
						
  7. 跟vczh看实例学编译原理——二：实现Tinymoe的词法分析
			
    文章中引用的代码均来自https://github.com/vczh/tinymoe.   实现Tinymoe的第一步自然是一个词法分析器.词法分析其所作的事情很简单,就是把一份代码分割成若干个tok ...
    
			
    8. 
						
  8. 说说SQL Server 网络配置
			
    打开Sql Server Configuration Manager,里面显示了SQL Server的网络配置,这些到底表示什么含义呢? 图一:MSSQLSERVER的协议 这些配置选项,其实就是为了 ...
    
			
    9. 
						
  9. 玩转动态编译 - 高级篇：一,IL访问静态属性和字段
			
    IL介绍 通用中间语言(Common Intermediate Language,简称CIL,发音为"sill"或"kill")是一种属于通用语言架构和.NET ...
    
			
    10. 
						
  10. JavaScript面试时候的坑洼沟洄——逗号、冒号与括号
			
    看完了javaScript数据类型和表达式与运算符相关知识后以为可以对JavaScript笔试题牛刀小试一把了,没想到有一次次的死在逗号,冒号和括号上,不得已再看看这几个符号吧. 逗号 逗号我们常见的 ...
    
			
    11.