【Web前端问题】同一个微信网页，安卓手机打开出现高度无法全屏，设置css和js均无效
http://www.makusi.cn/Home/Ind...
例如这个网页，答案123。
苹果打开正常。安卓手机 用QQ打开正常，浏览器打开也正常。
但有些安卓手机用微-信打开，有时候高度不是全屏。问题截图如下
最离奇的是并非每次都出现问题，有时候也会正常。
无论如何设置css，及用js设置css均无效。
网页前端代码无加密，麻烦各位帮忙看看。
是微信的bug吗？
回答：
本人亲测最终发现，问题就是微信网页浏览器的bug。
经过多部不同品牌的安卓手机亲自测试发现，对于我的这个网页，
在密码页输入答案123，如果直接点击提交，跳转新页面，一定出现屏幕无法全屏，不论如何设置新页面的css和js都是无效的。因为问题根本不是页面的代码兼容性。
在密码页输入答案123，如果先把软键盘收回去，再点击提交按钮，则完全看不到同样的问题！
所以我猜测原因是： input获取焦点，弹出软键盘的时候，安卓手机微信浏览器的window对象 会塌陷，或者说被压缩，如果不是因用户动作触发收回软键盘，此页面无法获取准确的高度，并且由此页面跳转的新页面也无法准确获取页面高度。
最终我调整密码页的css，让提交按钮接近页面底部，这样用户输完答案之后，要先收回软键盘才能点击提交。
但这样只能减少出现bug的概率。因为软键盘里面有一个“前往”，即使不回收软键盘照样能触发提交。
总之我是服了。我费了这么多天研究这个，居然是这样的原因。
大家有办法向微信报告这个bug吗？
回答：
试试height: 100vh;
回答：
你可以监听页面渲染时手机视口的高度，动态赋值100%的高度
以上是 【Web前端问题】同一个微信网页，安卓手机打开出现高度无法全屏，设置css和js均无效 的全部内容， 来源链接： utcz.com/a/137511.html
