“fixed” css style in mobile safari

标签：style   io   os   ar   sp   问题   on   c   html   

最近在实现一个微信问答html页面的过程中遇到一个问题：问答获得满分的时候有一个输入手机号参议抽奖的步骤，

在填写完手机号之后不点单击完成按钮（不隐藏软键盘）的情况下直接点击提交按钮，提交按钮本应显示一个全屏的cover，

但此时却只显示了中间的一段（隐藏软键盘的情况下是正常的），经查最后发现是cover层的position被设置为fixed的原因，

fixed是根据浏览器窗口进行定位（此时设置的百分比大小也是相对于窗口大小），所以显示出的cover只是软键盘显示时以上的那一段，解决办法是改用absolute或者通过resize、scroll触发浏览器重绘。

“fixed” css style in mobile safari

标签：style   io   os   ar   sp   问题   on   c   html   

原文地址：http://www.cnblogs.com/flytome/p/3974672.html