避免使用移动键盘调整CSS背景图像的大小

时间:2018-06-10 21:32:59

标签: html css forms mobile

我已经使用CSS配置了全屏幕背景图片:

html {
    background: url(image url) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
}

当我第一次在移动浏览器中打开网站时,它看起来很棒。但是,如果我选择表单输入并且移动键盘弹出打开,则背景图像会调整大小以匹配键盘上方视图的高度。

当移动键盘打开时,有没有办法让背景图像的高度保持静止?仅限CSS解决方案是首选。

0 个答案:

没有答案