菜鸟记博客

记下自己学习遇到的问题和找到的解决方法

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

 

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

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

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

 

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

 

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

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

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

 

未完待续

posted on 2014-05-13 23:13  And103  阅读(1165)  评论(0编辑  收藏  举报