混合移动应用程序视口

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浏览器？