tailwind 和 javascript 手机响应底部标签问题

Question

所以我在手机上打开了一个页面。 手机本身有一个导航选项的弹出栏。 这意味着如果我加载一个设置在屏幕高度的页面。其中一些实际上消失在这个酒吧后面。 我试图找到一种方法来自动计算任何手机或浏览器可能给您带来的任何障碍。我目前只使用 calc 方法。但它总是偏离一两个像素

 function SendNewMessage() {
 return (
  <section className='grid h-[calc(100vh-98px)] lg:h-screen lg:grid-rows-reg 
   overflow-hidden border-2 border-black border-solid w-full'>
  <div className='w-full'>
    <Navbar />
  </div>
   SendNewMessage
  </section>
  );
 }