混合移动应用视区

Question

我制作的混合应用程序只为android，设计师给了我480px(最小尺寸)的布局。

我像这样声明了meta view port ...

<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%;}

问题是，当我在我的手机上测试时，几乎每个浏览器都显示得很好！但手机浏览器除外。它在屏幕上显示更大的布局和溢出...

我做错了什么？

Answer 1

据我所知，Android设备不使用视窗。iOS设备就是这样。你的CSS实际上正在接管它。因此，根据设备的初始宽度，小于480px，您的布局将因为最小宽度而溢出。最好的选择是使用最小宽度:320px和宽度:100%。试试看。你说的“移动Chrome浏览器”是什么意思？你是指手机上预先下载的原生浏览器，还是从Play Store下载的Chrome浏览器？