背景设置高度100%,在弹出软键盘后背景会上缩,,,有什么办法解决吗
html{height: 100%;}
body{
font: "微软雅黑";
background: url(image/bj.jpg) no-repeat center center;
background-size: 100% 100%;
height: 100%;
}
高洛峰2017-04-17 11:18:08
用你的程式碼簡單測試了下,貌似沒有問題,彈出的鍵盤雖然會使螢幕可用高度變小,但是感覺就像是蓋在螢幕上的,直到你滾動頁面到最底部,才看到鍵盤是佔據了螢幕空間的。 懷疑是頁面其他樣式引起的。 (在iPad 和 Windows Phone 上測試過)
<!DOCTYPE html>
<html>
<head>
<title>测试</title>
<style>
html{
height: 100%;
}
body{
background: url('test.jpg') no-repeat center center;
background-size: 100% 100%;
height: 100%;
}
</style>
</head>
<body>
<h1>测试</h1>
<input type="text" name="name" value="" />
</body>
</html>