自适应网站PC端隐藏移动端显示教程

所属分类:实用教程 围观人数:229 点赞:1次
手机浏览

扫一扫,直接在手机上打开

有朋友求助我的网站是自适应设计,最近有个广告位图片PC端和移动端都显示,为了不影响手机端用户体验,我想把移动端广告隐藏,该怎么办呢?接下来我教大家怎么实现PC端显示移动端隐藏方法。

u=3932956099,2239530922&fm=26&gp=0

1、CSS控制判断实现移动端隐藏方法代码:

CSS

@media screen and (max-width: 1200px) { .llxbw, {display:none; }

ps:1200px表示屏幕大于1200像素会显示,小于则隐藏。

2、需要隐藏区域加一个div盒子,代码如下:

Markup

这里就是隐藏内容

ps:.llxbw是一个值 class是选择器,class"值"使用方法.值。

3、css选择器我在分享几个常用的吧,方便大家选择使用。

id"值"使用方法    #值

class"值"使用方法 .值

子元素使用方法 div > em

具体数值可以自行调试,一般需要隐藏的内容都有本身的class值或其他,没有的话我们就自己添加个div盒子,使用前先把css判断代码放进去,当然多个隐藏内容调用方法{ .z556, .z557, .z558, {display:none; }以此类推。


the end
免责声明:本文来自 乐乐线报网 发布,但不代表本站的观点和立场。
已有1次赞
我要评论 0条评论,0条回复
匿名用户
    热门评论
    最新评论
查看更多评论
Welcome

登录您的账号