这个网站如何隐藏M端的广告和友情链接?(只在PC显示) 悬赏5元 已结束
手机访问,出现广告和友链体验不好,有大神给下代码或者WP的插件教我如何在M端隐藏广告和友链。
看了下你网站,把这个加到你网站css文件底部就行了,然后手机端刷新缓存,就能看到效果了,
@media (max-width: 991px).copyr {
display: none;
}
至于你网站头部的横幅广告,稍微麻烦一点,需要添加代码。可以联系我QQ229790121
自适应,
用@media标签,判断分辨率,如果小于这个就css设置隐藏
<p><br></p><p><a href=" rel="external Nofollow" target="_blank"><center></center></a> 比如这个我应该怎么添加呢?</p>
手机端把标签删了就好了
在media属性里:
● screen 是媒体类型里的一种,定义了10种媒体类型
● and 被称为关键字,其他关键字还包括 not(排除某种设备),only(限定某种设备)
● (min-width: 400px) 就是媒体特性,其被放置在一对圆括号中。完整的特性参看 相关的Media features部分
1、种是直接在link中判断设备的尺寸,然后引用不同的css文件:
<link rel="stylesheet" type="text/css" href="" media="screen and (min-width: 400px)">
意思是当屏幕的宽度大于等于400px的时候,应用
<link rel="stylesheet" type="text/css" href="" media="screen and (min-width: 600px) and (max-width: 800px)">
意思是当屏幕的宽度大于600小于800时,应用
2、另一种方式,即是直接写在 style 标签里:
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时,应用下面的CSS样式*/
.class {
background: #ccc;
}
}
写法是前面加@media,其它跟link里的media属性相同。
这些css都在加 那个广告的css上面 然后 用手机端屏幕看的时候 屏幕肯定小于400px 就可以不用显示了