搜尋

首頁  >  問答  >  主體

css - 在手机上背景显示的问题。

背景设置高度100%,在弹出软键盘后背景会上缩,,,有什么办法解决吗

html{height: 100%;}
        body{
            font: "微软雅黑";
            background: url(image/bj.jpg) no-repeat center center;
            background-size: 100% 100%;
            height: 100%;
        }

伊谢尔伦伊谢尔伦2784 天前638

全部回覆(4)我來回復

  • 迷茫

    迷茫2017-04-17 11:18:08

    取消html,body的高度100%,背景使用圖片絕對定位,寬度百分百,然後登陸框 同樣 絕對定位居中。

    回覆
    0
  • 怪我咯

    怪我咯2017-04-17 11:18:08

    寬度100高度自動試試

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 11:18:08

    線上等,,,急

    回覆
    0
  • 高洛峰

    高洛峰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>
    
    

    回覆
    0
  • 取消回覆