简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
css - 在手机上背景显示的问题。
伊谢尔伦
伊谢尔伦 2017-04-17 11:16:08
0
4
623

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

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

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

répondre à tous(4)
迷茫
迷茫2017-04-17 11:18:08 4 plancher

取消html,body的高度100%，背景使用图片绝对定位，宽度百分百，然后登陆框 同样 绝对定位居中。

Comme +0
Ajouter une réponse
刘奇
刘奇2017-04-17 11:18:08 3 plancher

宽度100高度自动试试

Comme +0
Ajouter une réponse
洪涛
洪涛2017-04-17 11:18:08 2 plancher

在线等，，，急

Comme +0
Ajouter une réponse
小葫芦
小葫芦2017-04-17 11:18:08 1 plancher

用你的代码简单测试了下，貌似没有问题，弹出的键盘虽然会使屏幕可用高度变小，但是感觉就像是盖在屏幕上的，直到你滚动页面到最底部，才看到键盘是占据了屏幕空间的。 怀疑是页面其他样式引起的。 （在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>
Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！