Question

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

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

.slider-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: calc(100vh);
    min-height: 700px;
    position: relative;

.slider-item:before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .3;

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

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

在我的div标签中什么也没发生。

非常感谢您的帮助。

Answer 1

这样定义媒体查询

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

  .slider-item
  {
    height:120vw;
  }

}

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

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

1 个答案: