>source

팝업이 끝날 때 공간이 생기지 않는 mozilla 브라우저에만 문제가 있기 때문에 아래 CSS 및 HTML 코드를 사용하여 팝업 하단에 공간을 적용하려고합니다. 아래 코드는 다음과 같습니다. 내가 사용했지만 크롬 브라우저에있는 더 많은 공간을 줄여야하며 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>

크롬 브라우저에있는 공간을 더 줄여야하며 Mozilla 브라우저를위한 공간을 약간 추가해야합니다. 어떻게해야합니까?

  • 답변 # 1

    두 개의@@대신@기호를 사용하십시오.

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

  • 답변 # 2

    하나의 @ 를 사용해야합니다  표지판.

    @-moz-document url-prefix() {
        .bottom {
            position: relative;
            width: 100%;
            height: auto;
            bottom: 0;
            flex: 1; /*Added*/
            background: white;
        }
    }
    
    

    Chrome 용입니다 :

    @media screen and (-webkit-min-device-pixel-ratio:0){ 
        .bottom {
            position: relative;
            width: 100%;
            height: auto;
            bottom: 0;
            flex: 1; /*Added*/
            background: white;
        } 
    }
    
    

  • 답변 # 3

    @supports 를 사용할 수 있습니다   calc(0s) 와 함께  와 함께 표현 와이즈 비즈  스타일러스 테스트 — Gecko는 시간 값을 지원하지 않습니다 와이즈 비즈  Stylo의 표현은 다음과 같습니다.

    @-moz-document
    
    

    calc()

  • 이전 vb.net - ASPnet VB에 하이퍼 링크가 첨부 된 항목 목록 보내기
  • 다음 boost - Boost_LIBRARIES가 정의되지 않았습니다