时间戳

首页 > 解决方案 > 避免使用移动键盘调整 CSS 背景图像的大小

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

问题描述

我已经使用 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 的解决方案。

标签： htmlcssformsmobile

解决方案

推荐阅读