html - 应用的 css 适用于 chrome 和 mozilla，它应该只适用于 mozilla

Question

我正在尝试使用下面的 css 和 html 代码在弹出窗口的底部应用空间，因为我只有 mozilla 浏览器有问题，我在弹出窗口的末尾没有获得空间。下面是我的代码我已经使用过，但我需要减少 chrome 浏览器中的更多空间，并且需要为 mozilla 浏览器添加少量空间。我该怎么做？

<style type="text/css">
       @@-moz-document url-prefix() {
        .bottom {
            position: relative;
            width: 100%;
            height: auto;
            bottom: 0;
            flex: 1; /*Added*/
            background: white;
        }
    }
</style>
<div class=bottom>
   <table>
      <tr><td>&nbsp;</td></tr>
   </table>
</div>

<div id="maindiv" style="max-height: 450px; overflow-y: auto; width: 98%; padding:15px 10px 55px;">
//pop up logic in main div getting space at the end of ui in chrome but not in fire fox
</div>

我需要减少 chrome 浏览器中的更多空间，并且需要为 Mozilla 浏览器添加少量空间。我该怎么做？

Answer 1

使用单@ 而不是双@@

<style type="text/css">
       @-moz-document url-prefix() {
        .bottom {
            position: relative;
            width: 100%;
            height: auto;
            bottom: 0;
            flex: 1; /*Added*/
            background: white;
        }
    }
</style>