gpt4 book ai didi

Javascript - 如何更改 css 类的属性

转载 作者:太空宇宙 更新时间:2023-11-03 17:40:59 25 4
gpt4 key购买 nike


这是我正在尝试做的事情:

我想在每次调整窗口大小时更改特定 div 的宽度。 div 的类属性位于类名为“.nav”的外部 css 文档中。

在 HTML 中:<body onResize="nav_resize()">

在 JS 中:

var w= window.innerWidth, h= window.innerHeight;
var nav= document.getElementsByClassName('nav');


function nav_resize(){
if (w<700){ nav.style.width= w-150;}
}

	.nav{ background-color:#5F1C1C;
position:fixed;
float:left;
width:190px;
min-width:85px;
top:105px;
height:100vh;
overflow:hidden;
z-index:1; }
我知道我做错了什么,因为在浏览器中尝试时没有任何反应。
任何帮助表示赞赏。

最佳答案

要控制这种调整大小事件,请使用 @media CSS rule

@media only screen and (min-width: 700px) {
// CSS style for +700px
}

@media only screen and (max-width: 700px) {
// CSS style for -700px
}

这将避免您从较小到较大和相反调整大小的问题。

关于Javascript - 如何更改 css 类的属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29094703/

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