我正在尝试使用媒体查询，但是我遇到了问题。调整窗口大小时，调整窗口大小时不执行任何操作，请尝试其他选项，例如：

我有这个：

@media all and (max-width: 900px) {
  #breakdown-search-clear-button {
    margin-left: 28% !important;
  }

  #historico-incidencias{
    width: 36.1% !important; 
    margin-left: 62% !important; 
    margin-top: -27.8% !important;
  }

}

或这个

@media screen and (max-width: 900px) {
  #breakdown-search-clear-button {
    margin-left: 28% !important;
  }

  #historico-incidencias{
    width: 36.1% !important; 
    margin-left: 62% !important; 
    margin-top: -27.8% !important;
  }

}

在我的CSS文件的末尾。而且它不起作用。我先尝试使用“ @media screen”，然后尝试使用“ @media all”，但是当我调整窗口大小时，在两种情况下均不起作用。

然后，我尝试在.jso文件中放置标签，如在此示例中看到的那样：

我写这个标签：

<meta name="viewport" content="width=device-width,initial-scale=1">

然后，在标签的末尾写下：

<style>
    /* On screens that are 600px wide or less,the background color is olive */
    @media screen and (max-width: 900px) {
      #breakdown-search-clear-button {
        margin-left: 28% !important;
      }

      #historico-incidencias{
        width: 36.1% !important; 
        margin-left: 62% !important; 
        margin-top: -27.8% !important;
      }
    }
</style>

但是当我调整css文件上的窗口大小时，它什么也没做。

HTML元素：

        <div id="breakdown-search-clear-button" class="roundedButtonmin roundedButtonRight deleteBG" style="margin-left: 24% !important; margin-top: 1% !important;"></div> 

<fieldset style="width: 46.1%; margin-left: 52%; margin-top: -23%; display: inline-block; vertical-align: top;" id="historico-incidencias">
                        <legend>Histórico</legend>
                        <div id="listHistoricalIncidences"></div>
                    </fieldset>

有人可以帮助我吗？

谢谢！