我设置页面背景图为 cover，我在输入框输入时图片高度就自动缩小到显示范围里，被键盘覆盖的地方就没有了背景，如果我滚动的话就会很难看
请问这种是怎么造成的呢
This topic created in 3039 days ago, the information mentioned may be changed or developed.
 |
1
就是移动端输入的话，会弹出系统键盘，这时候背景图片就只有显示区域大小，如果滚动页面会发现图片变短了
|
 |
jjplayJul 13, 2018
2
你要不先看会直播休息一下...
|
 |
34CJul 13, 2018 via iPhone
3
也不说什么浏览器……
|
 |
yamedieJul 13, 2018
5
软键盘弹起, 视口高度变小, 背景图又是按百分比填充的(cover 也是按照百分比吧), 所以就压扁了.
不用百分比就好了, 用 rem 试试 |
 |
koorJul 13, 2018 via Android
6
因为弹出键盘时，浏览器窗口的高度变了。可以在 resize 事件里固定一下高度
|
|
34CJul 13, 2018 via iPhone
7
@ghostgril 你去搜一下 iOS Safari 的 background bug 就知道为什么要问浏览器了，你又没说是安卓，也没发在安卓节点，咋知道你就是谷歌呢
|
 |
codeElevenJul 13, 2018
8
@jjplay 就你皮
|
|
10
尝试了许多方法还是不行。。。明明设定开始渲染的时候获取浏览器的高度，再设定 background-size，但是软键盘一出现背景图又收缩了
|
 |
FynnRelxJul 13, 2018
11
监听软键盘抬起，然后重新计算高度给背景图 bgs 附上新的高度。
|
Select Language