混合移动应用视口

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实际上正在接管。因此，根据设备的初始宽度（小于480px），由于最小宽度，您的布局会溢出。您最好的选择可能是使用最小宽度：320px和宽度：100％。 试试吧。 “移动Chrome浏览器”是什么意思？您的意思是手机预装的本机浏览器或您从Play商店下载的Chrome浏览器？