Question

出现键盘时，我的网站背景出现问题。在获取请求后打开键盘时，这似乎仅在移动设备上发生。我无法在桌面上重新创建相同的问题。

您可以在此视频中看到问题：https://drive.google.com/file/d/1MmuLd37Tii-yA-J6wyg-Q3VhNc7HVVl5/view?usp=sharing

或转到https://www.isitbbqweather.com

我试图弄乱背景设置，但找不到解决方案。我觉得它与背景大小有关：封面和提取api。

body {
    width: auto;
    height: 100vh;
    font-family: 'Ubuntu', sans-serif;
    background: url('img/bbq_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;

}

<body>
    <h1>Is it BBQ weather today?</h1>
    <div id="answer"></div>
    <div id="search">
        <input id="getLocation" type="text" placeholder="Enter your city">
        <button id="btn">Search</button>
    </div>
    <div id="output">
        <h2 id="location"></h2>
        <div id="date"></div>
        <img id="icon" src="" alt="">
        <div id="maxTemp"></div>
        <div id="precipitation"></div>
    </div>

    <script src="main.js"></script>
</body>

出现键盘时背景在手机上变成白色

0 个答案: