关于Android WebView内容不同屏幕兼容处理

最近团队里项目开发APP时，其中有个界面要用到WebView来显示，而不用原生的控件。

开发这个界面的时候遇到一个问题，就是Android的碎片化导致有众多屏幕分辨率，不同分辨率的屏幕对这个界面WebView内的控件大小兼容的问题。

由于Android原生控件大小是由dp控制，而不是像素px，所以在不同尺寸的设备上的显示效果差异不会十分大。

而web的主要是由像素px控制，导致显示出来的效果在不同分辨率的屏幕上差异很大。

由于本人比较少接触web前端开发，一直没怎么了解web开发中是怎么处理屏幕兼容性问题的，特别是对移动web端的兼容问题。

在想办法解决这这兼容问题时，突然想起我wordpress个人博客中用的那个主题有针对移动web端做兼容，而且之前有大概地浏览过

那段处理兼容的css代码，于是马上把那个.css文件找出来，找出来一查，才知道那叫做“响应式布局”。

这样的话，我要做的那个界面的兼容性问题就很好解决了。

未完待续

时间： 2024-08-02 04:33:23

关于Android WebView内容不同屏幕兼容处理的相关文章

android webview使用心得 屏幕宽度自适应

webview中右下角的缩放按钮能不能去掉 settings.setDisplayZoomControls(false); //隐藏webview缩放按钮 让Webview加载的页面居中显示有我知道的几种方法 第一种方法: WebSettings settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); LayoutAlgorithm是一个枚举用来控制页面的布局,有三

Android -- Webview自适应屏幕

第一种                                                                                          WebSetting settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 把所有内容放在webview等宽的一列中.(可能会出现页面中链接失效) 第二种             

【转】android webview设置内容的字体大小

Enum for specifying the text size. SMALLEST is 50% SMALLER is 75% NORMAL is 100% LARGER is 150% LARGEST is 200%原文:http://www.cnblogs.com/yourancao520/archive/2012/06/14/2548900.html /**  * webview  */ WebView wv; /**  * Manages settings state for a W

Android WebView 开发教程

1.WebView的使用 (a). 创建WebView的实例加入到Activity中 WebView webview = new WebView(this); setContentView(webview); 或者在xml中配置WebView <Webview android:layout_width="match_parent" android:layout_height="match_parent" > </Webview> (b). 访

Android WebView学习

Android WebView学习 权限: <uses-permission android:name=“android.permission.INTERNET” /> 在WebView中使用JavaScript WebView myWebView = (WebView) findViewById(R.id.webview);WebSettings webSettings = myWebView.getSettings();webSettings.setJavaScriptEnabled(tr

Android WebView的坑总结

最近把做好的iPad HybridApp向Android迁移,碰到的坑太多了,让我这个折腾过Android接近4年的老鸟都头疼!现在把前人遇到的都列出来,再慢慢解决自己的,目前已经解决了android键盘覆盖问题,下面最棘手的问题就是屏幕高度的适配问题了!本文会不断更新 1. Andrid4.1事件穿透BUG 原因不明 2. Android2.X 中文不支持粗体 3. 目前发现的WEBVIEW尺寸宽度有320. 360. 400等多个尺寸 该分辨率或许和屏幕尺寸有关 目前测试结果 320-640

android 应用程序自适应屏幕大小（转载）

android应用自适应多分辨率的解决方法 1. 首先是建立多个layout文件夹(drawable也一样).在res目录下建立多个layout文件夹,文件夹名称为layout-800x480等.需要适应那种分辨率就写成什么.注意:         a.   较大的数字要写在前面:比如layout-854x480而不能写layout-480x854.         b.   两个数字之前是小写字母x,而不是乘号.2. 在不能的layout下调整layout 的长宽等各种设置.以适应不同的分辨率

android WebView详解，常见漏洞详解和安全源码

这篇博客主要来介绍 WebView 的相关使用方法,常见的几个漏洞,开发中可能遇到的坑和最后解决相应漏洞的源码,以及针对该源码的解析. 由于博客内容长度,这次将分为上下两篇,上篇详解 WebView 的使用,下篇讲述 WebView 的漏洞和坑,以及修复源码的解析. 下篇:android WebView详解,常见漏洞详解和安全源码(下) 转载请注明出处:http://blog.csdn.net/self_study/article/details/54928371. 对技术感兴趣的同鞋加群 54

android 应用程序自适应屏幕大小

android应用自适应多分辨率的解决方法 1. 首先是建立多个layout文件夹(drawable也一样). 在res目录下建立多个layout文件夹,文件夹名称为layout-800x480等.需要适应那种分辨率就写成什么. 注意: a.   较大的数字要写在前面:比如layout-854x480而不能写layout-480x854. b.   两个数字之前是小写字母x,而不是乘号. 2. 在不能的layout下调整layout 的长宽等各种设置.以适应不同的分辨率. 3 最后需要在Andr