Javascript Can';t使文本区域可调整大小以适应窗口大小
我正在尝试使用以下代码调整文本区域的大小:Javascript Can';t使文本区域可调整大小以适应窗口大小,javascript,css,html,Javascript,Css,Html,我正在尝试使用以下代码调整文本区域的大小: <div class="fields" style="resize:both;"> <div class="text-area-display-panel" style="resize:both;"> ...contents... </div> </div> 目录 但是,它不起作用,我也不知道为什么(应该是这么简单,对吧?)。此外,是否有CSS属性或类似属性使窗口始终适合窗口大小 非
<div class="fields" style="resize:both;">
<div class="text-area-display-panel" style="resize:both;">
...contents...
</div>
</div>
目录
但是,它不起作用,我也不知道为什么(应该是这么简单,对吧?)。此外,是否有CSS属性或类似属性使窗口始终适合窗口大小
非常感谢。当
溢出
设置为可见
(默认值)时,调整大小
属性无效
试试这个:
<div class="text-area-display-panel" style="resize:both; overflow: hidden;">
详情:
示例:如果希望html元素始终适合窗口大小,最好的方法之一是在css中,将其宽度和高度设置为100%。确保你有百分号
.text-area-display-panel {
width:100%;
height:100%;
}
另外,问题可能是您没有为div指定颜色,因此无法看到它。如果是这样,只需添加背景色属性。文本区域标记在哪里?您可以用代码设置吗?这会很有帮助的!为什么不使用html
标记,默认情况下,它是可重新调整大小的,因为您是一个上司伙伴!非常感谢,它正在工作。我尝试了很多更改,但我不知道它对可见溢出不起作用。你知道有没有可能使它始终适合屏幕?(我的意思是,当窗口变大时,面积会变大,而窗口变小时,面积也会变大),这取决于您的布局<代码>位置:绝对;排名:0;右:0;底部:0;左:0可能是一个选项。如果这对您不起作用,我建议发布一个单独的问题,其中包含有关所需布局和/或JSFIDLE的更多详细信息。