最近团队里项目开发APP时,其中有个界面要用到WebView来显示,而不用原生的控件。
开发这个界面的时候遇到一个问题,就是Android的碎片化导致有众多屏幕分辨率,不同分辨率的屏幕对这个界面WebView内的控件大小兼容的问题。
由于Android原生控件大小是由dp控制,而不是像素px,所以在不同尺寸的设备上的显示效果差异不会十分大。
而web的主要是由像素px控制,导致显示出来的效果在不同分辨率的屏幕上差异很大。
由于本人比较少接触web前端开发,一直没怎么了解web开发中是怎么处理屏幕兼容性问题的,特别是对移动web端的兼容问题。
在想办法解决这这兼容问题时,突然想起我wordpress个人博客中用的那个主题有针对移动web端做兼容,而且之前有大概地浏览过
那段处理兼容的css代码,于是马上把那个.css文件找出来,找出来一查,才知道那叫做“响应式布局”。
这样的话,我要做的那个界面的兼容性问题就很好解决了。
未完待续