Html 宽度减小时如何增加高度？

当屏幕宽度降低到979px以下时，我想增加div的高度，我想在div样式标记中这样做，而不是在CSS文件中

<div class="slider-item overlay" data-stellar-background-ratio="0.5">

这应该很容易做到（我想，我对CSS不是很有信心），但当我有：

style="@media (max-width:979px) height:120vw;"

在我的div标签中，什么都没有发生

---

非常感谢您的帮助。

媒体查询定义如下

@media only screen and (max-width: 979px)
{

  .slider-item
  {
    height:120vw;
  }

}

---

您将需要设置所引用的类：在您的情况下，这是一个滑块项

媒体查询的定义如下

@media only screen and (max-width: 979px)
{

  .slider-item
  {
    height:120vw;
  }

}

---

您需要设置所引用的类：在您的情况下，这是滑块项

我可以在div标记中使用它吗？@Skalfaro您是指上面的代码吗？需要在.css文件或样式标记中。我可以在div标记中使用它吗？@Skalfaro你是说我上面的代码吗？它需要位于.css文件或样式标记中。