Html 使用css获取不带浏览器应用程序栏的显示网页的大小

我正在创建一个简单的网页，显示来自文本输入的文本，我想让文本输入占据整个显示的网页（没有浏览器栏），100vh技术包括浏览器栏，我不想猜测顶部栏的大小

这是我的密码：

function focus（）{//轻松聚焦元素
document.getElementById（“title”）.focus（）；
}
document.addEventListener（'click'，函数（事件）{//确保用户的焦点停留在文本输入上
if（event.target！==document.getElementById（“title”））{
document.getElementById（“title”）.focus（）；
}
}，假）；
window.onload=function（）{document.getElementById（“title”）.focus（）；}；
函数apply（）{//应用标题
setTimeout（函数（）{
var str=document.getElementById（“title”）.value；
如果（！str.replace（/\s/g'，）。长度）{
document.title=“title text”；
}否则{
document.title=str；
}
},1);
}

标题文本

使用以下css类来实现这一点

body{
  margin:0;
  overflow:hidden;
}

#title{
  height: 100vh;
  width:100vw;
}

---

使用以下css类来实现这一点

body{
  margin:0;
  overflow:hidden;
}

#title{
  height: 100vh;
  width:100vw;
}

---

vh单位不计算浏览器栏，vh表示“视口高度”，视口是“实际页面”，vh单位不计算浏览器栏，vh表示“视口高度”，视口是“实际页面”，文本框变得有点太大，如果我尝试将其缩小，就会出现小故障。我想我会坚持当前的大小。文本框变得有点太大了，如果我试着把它变小，它就会出问题。我想我会坚持现在的尺寸。