混合移動應用程序視口

Question

即時製作只適用於Android的混合應用程序，設計師給我480px（最小尺寸）佈局。

我聲明如下元視口...

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densitydpi=high-dpi " /> 

也是我的CSS是

body {min-width:480px; height:100%;} 

的問題是，當我的手機上測試，幾乎所有的瀏覽器顯示完美！但除了移動Chrome瀏覽器。它表明佈局更大，並在屏幕上溢出...

我有什麼錯？

Answer 1

據我瞭解，Android設備不使用視口。 iOS設備可以。你的CSS實際上正在接管。因此，根據設備的初始寬度（小於480像素），由於最小寬度，您的佈局會溢出。你最好的選擇可能是使用最小寬度：320px和寬度：100％。 試試看。 您的「移動Chrome瀏覽器」意味着什麼。您的意思是預裝在手機上的原生瀏覽器或從Play商店下載的Chrome瀏覽器？