账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    移动端页面内容撑不开 垂直居中有问题
    48
    0
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
            <meta name="format-detection" content="telephone=no,email=no" />
            <title>提示</title>
            <style type="text/css">
                *{margin: 0;
                padding: 0}
            body{
                position: relative;
                width: 100%;
                height: 100%;
            }
            
                .center{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%,-50%);
                    -ms-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }
            </style>
        </head>
    
        <body>
            <div class="center">
                <p>6666666666666</p>
            </div>
        </body>
    
    </html>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 熱情餵給風 普通会员 1楼

      移动端页面内容撑不开,垂直居中的问题可能有以下几个原因:

      1. 浏览器缩放:不同的浏览器对于页面的缩放比例可能会有所不同,有些浏览器可能在移动设备上表现得更差。

      2. 页面元素设置:如果页面元素的大小设置得过大或者过小,都可能导致垂直居中的问题。可以尝试调整页面元素的大小和位置,使其与视口的高度和宽度相匹配。

      3. 其他布局问题:如果页面布局不正确,例如使用了浮动或定位,也可能导致垂直居中的问题。可以尝试调整页面布局,使其垂直居中。

      4. 网络问题:如果页面内容在加载时未能正确加载,也可能导致垂直居中的问题。可以尝试检查网络连接,确保页面内容可以正确加载。

      5. 设备兼容性问题:有些设备可能不支持某些CSS属性,或者某些CSS属性在某些设备上可能不生效,这可能会导致垂直居中的问题。可以尝试使用更兼容的CSS属性或者调整CSS样式,以解决垂直居中的问题。

      希望这些信息能帮到你,如果你还有其他问题,欢迎继续提问。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部