Question

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

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;
    }
}

如何使用媒体查询隐藏广告？

1 个答案: