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

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

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

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

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

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

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

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

未完待续