Question

我在手机上使用CSS时遇到元素大小问题。

背景图片有853x480像素，应该完全适合我错了？

这是非常非常简单的CSS代码，为什么会这样？

在桌面浏览器上，页面非常适合，背景图像和输入等元素完美显示。

在移动设备上调整大小，全部小一些

如何解决这个问题？

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Banco BRB</title>
    <style>
    body {
        background-image: url("bg_login.png");
        background-color: red;
        background-repeat: no-repeat;
        width:  820px;
        height: 480px;
    }
    </style>
</head>

<body>
    <br><br><br><br><br>
    <center><img src='user.png' height="75%" width="40%"></center>
    <br><br>
    <form>
        <center><label><input type="text"></label>
    </form>
</body>

背景图片CSS在移动设备上调整大小问题

0 个答案: