我正在做一个只针对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浏览器。它在屏幕上显示更大的布局和溢出…
我写错了什么
据我所知,Android设备不使用视口。iOS设备可以。你的CSS实际上接管了。所以取决于你的设备的初始宽度,小于480px,你的布局会因为最小宽度而溢出。你最好的选择可能是使用min-width:320px和width:100%。试试。你说的"移动Chrome浏览器"是什么意思?你指的是预下载在手机上的原生浏览器,还是你从Play Store下载的Chrome浏览器?