У меня проблема с фоном моего сайта, когда появляется клавиатура.Кажется, это происходит только на мобильном телефоне, когда вы открываете клавиатуру после запроса на выборку.Я не могу воссоздать ту же проблему на рабочем столе.
Вы можете увидеть проблему в этом видео: https://drive.google.com/file/d/1MmuLd37Tii-yA-J6wyg-Q3VhNc7HVVl5/view?usp=sharing
или перейти к https://www.isitbbqweather.com
Я пытался возиться с настройками фона, но не могуполучить решение.Я чувствую, что это как-то связано с background-size: cover и fetch 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>