• 保存到桌面加入收藏设为首页
当前位置 当前位置:首页 > 自学教程 > 综合教学

实用教程_自适应网站PC端隐藏移动端显示教程_ps教程_网页编程教程_设计教程_seo教程_视频剪辑教程_软件编写教程

2020-11-11 03:17:40苏毅娱乐教程网苏毅娱乐教程网11460
内容摘要:有朋友求助我的网站是自适应设计,最近有个广告位图片PC端和移动端都显示,为了不影响手机端用户体验,我想把移动端广告隐藏,该怎么办呢?接下来我教大家怎么实现PC端显示移动端隐藏方法。1、CSS控制判断实现移动端隐藏方法代码:CSS@media screen and (max-wid......

出处:06教程网_QQ教程网_QQ技术网_活动通知网_网络技术交流

网址:https://www.06km.com

载时请注明出处

客服QQ:84936788 




有朋友求助我的网站是自适应设计,最近有个广告位图片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; }以此类推。


免责声明:


06教程网本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我们联系处理。敬请谅解!






标签:ps教程  网页编程教程  设计教程  seo教程  视频剪辑教程  软件编写教程  
   相关文章
   相关评论
   本栏最新更新
友情链接 
网站地图 - 版权声明 - 投稿申请

本站资源来自会员发布以及互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,全体用户必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容.如有侵权争议、后门、不妥请联系本站删除联系邮箱:8276416@qq.com处理!注意:本站发布所有游戏信息,均来自互联网收集,与本站无关。请玩家仔细辨认游戏信息的真实性,避免上当受骗!

©2016-2020 06教程网_QQ教程网_QQ技术网_活动通知网_网络技术交流 All right reserved. www.06km.com版权所有 

  闽ICP备19002367号

欢迎光临苏毅娱乐网!欢迎投稿联系站长采纳有奖励!

返回顶部