Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t使文本区域可调整大小以适应窗口大小_Javascript_Css_Html - Fatal编程技术网

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的更多详细信息。