gpt4 book ai didi

html - 如何将 DIV 缩放到浏览器大小的 100%?

转载 作者:行者123 更新时间:2023-11-27 23:36:32 26 4
gpt4 key购买 nike

我有一个带有母版页和子页的 webforms ASP.NET 应用程序。

在子页面里面我有一些像这样的div:

<html>

<div>
....
<div id="MYDIV">
<textarea> .... </textarea>
</div>
</div>

我想添加一个功能来使我的包含 textarea 的 div 完全浏览器大小。

我尝试添加带有 onClick 函数的图像:

<img src="images/full-screen.png" height="16px" onclick="document.getElementById('divEditorReferto').style.height = '100vh'; document.getElementById('divEditorReferto').style.width = '100vh';" />

但它不起作用。

第二个问题:如何反转全屏功能,用旧参数(正常大小)制作div?

谢谢

最佳答案

添加一个点击事件来切换类。例如类=“示例”。然后相应地设置样式元素。

#MYDIV.example {
display: block;
position: absolute;
height: 100%;
width: 100%;
}

关于html - 如何将 DIV 缩放到浏览器大小的 100%?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57221765/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com