我有一个Reaction应用程序,我使用文本区允许用户输入文本.我希望文本区域填满屏幕的高度,但不能使页面可滚动,除非有更多的文本无法容纳在屏幕上.
以下是我的css代码(文本区域是Entry-Input):
* {
margin: auto;
font-family: 'Nunito', sans-serif !important;
color: #222222;
background-color: #FAF3E0;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 800 !important;
color: #111111;
}
.journal-page {
padding: 4rem 22%;
}
.date-title {
font-size: 2rem;
margin-bottom: 1.25rem;
}
.entry-input {
font-size: 1.125rem;
width: 100%;
border: none;
outline: none;
resize: none;
height: calc(100vh - 5rem);
background-color: white;
}
删除了填充和页边距. 使用高度:在css中为自动. try 使用JavaScript根据内容动态调整高度. 使用Overflow:Hidden和Overflow-y:AUTO. 接受了判断,也没有什么异常.