В телефоне не видно фиксированный блок внизу экрана из-за браузерной строки сверху, пока не начнешь скроллить страницу и браузерная строка не пропадет

Подскажите пожалуйста, как решаете проблему для планшета и телефона с фиксированным блоком внизу экрана? Из-за поисковой браузерной строки вверху экрана телефона фиксированный блок не видно.

.bottom-block {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

<div class="main">
  <div class="content"></div>
  <div class="bottom-block"></div>
    
</div>