背景设置高度100%,在弹出软键盘后背景会上缩,,,有什么办法解决吗
html{height: 100%;} body{ font: "微软雅黑"; background: url(image/bj.jpg) no-repeat center center; background-size: 100% 100%; height: 100%; }
小伙看你根骨奇佳,潜力无限,来学PHP伐。
取消html,body的高度100%,背景使用圖片絕對定位,寬度百分百,然後登陸框 同樣 絕對定位居中。
寬度100高度自動試試
線上等,,,急
用你的程式碼簡單測試了下,貌似沒有問題,彈出的鍵盤雖然會使螢幕可用高度變小,但是感覺就像是蓋在螢幕上的,直到你滾動頁面到最底部,才看到鍵盤是佔據了螢幕空間的。 懷疑是頁面其他樣式引起的。 (在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>
取消html,body的高度100%,背景使用圖片絕對定位,寬度百分百,然後登陸框 同樣 絕對定位居中。
寬度100高度自動試試
線上等,,,急
用你的程式碼簡單測試了下,貌似沒有問題,彈出的鍵盤雖然會使螢幕可用高度變小,但是感覺就像是蓋在螢幕上的,直到你滾動頁面到最底部,才看到鍵盤是佔據了螢幕空間的。 懷疑是頁面其他樣式引起的。 (在iPad 和 Windows Phone 上測試過)