html - 如何隐藏带有媒体查询的广告？

Question

我正在向我的网页添加移动 CSS，并试图隐藏左侧垂直栏广告以适应移动平台。我怎样才能做到这一点？我试图隐藏广告，但没有成功

HTML:

 <div id="leftcolumn"><div id="nav">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="http://results.htm">Results</a></li>
        </ul> 

    <p>
    <script type="text/javascript"><!--
    google_ad_width = 160;
    google_ad_height = 600;
    //-->
    </script>
    <script src="http://test.com/pagead/show_ads.js" type="text/javascript">
    </script>

    </p></div> </div>

    <!-- end of nav -->  
    <!-- end of leftcolumn -->

CSS:

#leftcolumn { float:none;
              width: 120%;
              letter-spacing:0.1em;
}
script #leftcolumn {
    display:none
}

Answer 1

为广告添加一个ID:目前我已经添加了adblock

<div id="leftcolumn"><div id="nav">
        <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="http://results.htm">Results</a></li>
        </ul> 

    <p id="adblock">
    <script type="text/javascript"><!--
    google_ad_width = 160;
    google_ad_height = 600;
    //-->
    </script>
    <script src="http://test.com/pagead/show_ads.js" type="text/javascript">
    </script>

    </p></div> </div>

现在，

@media (max-width : 480px) {
    #adblock {
         display: none;
    }
}

如果您想隐藏垂直列本身:

@media (max-width : 480px) {
   #leftcolumn {
      display: none;
    }
}