メディアクエリからCSSを受け取る問題xs chromeとfirefox

Question

私は以下のコードを使用して、小さな画面スタイルをレンダリングし、サポートしているすべてのサポートされているブラウザ（IE 11、Chrome、Firefox、Edge）でテストしました。私が抱えている問題は、.smallFixFooterのmargin-bottomがdivのスタック間にスペースを作成するために適用されていないことです。

CSS：

@@media screen and (max-width:767){ 
    .smallDevices { 
     padding-bottom: 30px; 
     margin-bottom: 30px; 
    } 

    .ScreenStyle { 
     height: 914px; 
     margin-bottom: 10px; 
    } 

    .smallFixFooter { 
     margin-bottom: 10px; 
    } 
} 

HTML：

<div class="col-xs-12 text-center smallDevices smallFixFooter largeDevices"> 
    <div class="col-md-4 col-xs-12 centerDiv footBorder smallFixFooter explorerStyleFoot" style="background-color:whitesmoke;"> 
     <div style="display:inline-block;width:70%" class="smallFixFooter bottomBoxFix"> 
      <h3><strong class="footerBoxHeader"></strong></h3> 
      <p> 
       <span class="explorerStyleSpan"></span> 
       <audio controls id="explorerStyle" class="audioFix"> 
        <source src="" type="audio/mp3" /> 
       </audio> 
      </p> 
     </div> 
    </div> 

    <div class="col-md-4 col-xs-12 centerDiv footBorder smallFixFooter explorerStyleFoot" style="background-color:whitesmoke;"> 
     <div style="display:inline-block;width:70%" class="smallFixFooter"> 
      <h3><strong class="footerBoxHeader"></strong></h3> 
      <p> 
       <span></span><br /> 
       <button class="ComplianceImages" data-toggle="modal" data-target="#modalCarousel"><img src="" /></button> 
      </p> 
     </div> 
    </div> 

    <div class="col-md-4 col-xs-12 centerDiv smallFixFooter " style="background-color:whitesmoke;"> 
     <div style="display:inline-block;" class="bottomBoxFix"> 
      <h3><strong class="footerBoxHeader">foo</strong></h3> 
      <p> 
       <span></span> 
       <button class="" data-toggle="modal" data-target="#modalCertificate"><img src="" /></button> 
      </p> 
     </div> 
    </div> 
</div> 

編集アップデート：私はそれが私に言っているjqueryの

var w = window.innerWidth; 
var h = window.innerHeight; 

console.log(w,h) 

のこの作品から、私のサイズを取得していますその問題は私が幅618で壊れていることです、そして、それは標準のブートストラップブレークポイントではありません。

Answer 1

@media画面と（最大幅：767）{

これは無効なメディアクエリーです。

CSSの任意の長さの値は、常に値が0でない限り、単位を必要とします。そのようにして767pxとしてください。 @media screen and ...