關於Android WebView內容不同螢幕相容處理

標籤：android   c   a   檔案   代碼   res   

最近團隊裡項目開發APP時，其中有個介面要用到WebView來顯示，而不用原生的控制項。

 

開發這個介面的時候遇到一個問題，就是Android的片段化導致有眾多螢幕解析度，不同解析度的螢幕對這個介面WebView內的控制項大小相容的問題。

由於Android原生控制項大小是由dp控制，而不是像素px，所以在不同尺寸的裝置上的顯示效果差異不會十分大。

而web的主要是由像素px控制，導致顯示出來的效果在不同解析度的螢幕上差異很大。

 

由於本人比較少接觸web前端開發，一直沒怎麼瞭解web開發中是怎麼處理螢幕相容性問題的，特別是對移動web端的相容問題。

 

在想辦法解決這這相容問題時，突然想起我wordpress個人部落格中用的那個主題有針對移動web端做相容，而且之前有大概地瀏覽過

那段處理相容的css代碼，於是馬上把那個.css檔案找出來，找出來一查，才知道那叫做“響應式布局”。

這樣的話，我要做的那個介面的相容性問題就很好解決了。

 

未完待續