如何仅隐藏移动设备的div标签?

时间:2016-06-14 18:46:49

标签: css

我想仅为移动设备隐藏“广告”div标签。所以帮帮我如何隐藏移动设备。

Div标签出现的图片 - http://i.imgur.com/GGEliJG.jpg

这是我直接在Wordpress小部件中应用的代码。

` / ----------所有赞助商标签代码---------- /

 .Ad-label{
        color: #444;
        background: #00FFFFFF;
        font-family: arial;
        padding: 3px 10px;
        font-size: 0px;
        -webkit-transform: rotate(90deg);      -webkit-transform-origin: left top;      -moz-transform: rotate(90deg);      -moz-transform-origin: left top;      -ms-transform: rotate(90deg);      -ms-transform-origin: left top;      -o-transform: rotate(90deg);      -o-transform-origin: left top;      transform: rotate(90deg);      transform-origin: left top;        
        position: absolute;            
        left: 1%;      
        top:0px;
        white-space: nowrap;          
        font-size: 11px;
        display: inline-block;}

广告Adsense Code Goes Here`

1 个答案:

答案 0 :(得分:0)

您必须使用css媒体查询

@media only screen and (max-width: 768px) {
.Ad-label { display: none; }
}