使用媒体动态更改css

Question

我有一个跨度和一个链接，我需要根据屏幕宽度更改高度，我想知道如何做到这一点？

我有这个，所以直接设置高度，如果屏幕是正方形，它看起来像我想要的方式，但我不知道如何使用媒体来适应两种方式。

HTML：

<span id="procs" class="space" style="display:block;height:35px;"><li ><a id="mpc" style="height:35px" href="adminreports.jsp?p=procs">Manage Processing Centers</a></li></span>

CSS：

@media all and (max-width: 1280px) {
  #procs a {
    height: 35px;
  }
  #mpc {
   height: 35px;
  }
}

这不起作用。 请提供任何指导或解决方案，将不胜感激。

Answer 1

我最终使用媒体查询，这就是诀窍：

<style media="screen and (min-width: 0px) and (max-width: 1280px)">
#procs li a {height:auto}
</style>

谢谢。