手机端显示电脑端隐藏html源码,div+css实现电脑端显示手机端隐藏代码
这篇文章主要为大家详细介绍了div+css实现电脑端显示手机端隐藏代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。
我们做网站有时候会出现这样的一种情况要求:图片或者广告在PC电脑端需要显示,但是在WAP手机移动端需要隐藏起来,如何实现呢?这个问题很多朋友咨询过361源码今天抽时间给大家做个小教程。
实现场景:
在小屏手机上或者是PAD上把指定区域的内容隐藏,电脑端不变。比如一段广告或者一个说明只想要在电脑端显示手机端隐藏。
实现方法:
1、通过JS加CSS实现
通过JS加CSS实现相对繁琐一些,但是效果也是很明显和实用的,今天在这里就不做介绍了,如果有需要做这样效果的朋友可以联系361源码在线客服帮您有偿处理。
2、通过DIV+CSS实现
在需要隐藏的区域加一个DIV,例如想在手机端隐藏bigpic这张图片,代码如下:
然后把DIV加一个样式代码如下:@media screen and (max-width: 1000px) { .none{display:none; }
}
(注意啦!上面的1000px表示如果屏幕尺寸达到了1000像素以下将会隐藏否则显示。具体数值可以自行调试)
以上就是div+css实现电脑端显示手机端隐藏代码的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。
感谢打赏,我们会为大家提供更多优质资源!
手机端显示电脑端隐藏html源码,div+css实现电脑端显示手机端隐藏代码相关推荐
- cocos2dx+JAVA手游《全民挂机》全套源码支持安卓+IOS双端
cocos2dx+JAVA手游<全民挂机>全套源码支持安卓+IOS双端,客户端用cocos2dx 2.2.3实现,服务端用java,支持安卓+IOS双端,一款很不错的挂机游戏源码! 源码下 ...
- HTML我的家乡杭州网页设计作业源码(div+css)~ HTML+CSS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业
HTML我的家乡杭州网页设计作业源码(div+css)~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 ~HTML期末大作业 临近期末, 你还 ...
- 自采集电脑壁纸网站PHP源码vV2.0+自适应WAP端
正文: 首页壁纸.金山词霸每日英语.必应每日壁纸栏目适应移动端支持https增加搜索入口,直接搜索自己想要的美图壁纸种类多. 自动更新,自动采集.瀑布流加载.全站 ajax!壁纸采集自,360壁纸库. ...
- 个人设计web前端大作业~响应式游戏网站源码(HTML+CSS+Bootstrap)
HTML期末大作业课程设计游戏主题html5网页~响应式游戏网站(HTML+CSS+Bootstrap) ~个人设计web前端大作业 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...
- HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS)
HTML网页设计结课作业~仿蘑菇街商城网站源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适 ...
- HTML期末作业课程设计大作业~环境保护学生网页设计作业源码(HTML+CSS)
HTML期末大作业~基于HTML+CSS环境保护学生网页设计 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等 ...
- 直播app系统源码通过CSS液体实现加载动画
直播app系统源码通过CSS液体实现加载动画 首先我们要让元素能够旋转起来,可以使用transform中的rotate进行2D的360deg旋转. 紧接着我们可以通过CSS变量(–开头的形式)结合an ...
- HTML期末大作业~ 明星林依晨(7页)带留言 学生网页设计作业源码(HTML+CSS+JS)
HTML期末大作业~ 明星林依晨(7页)带留言 学生网页设计作业源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求 ...
- HTML网页设计结课大作业~仿凡客服装商城主页纯HTML模板源码(HTML+CSS+JS)
HTML网页设计结课作业~服装商城主页纯HTML模板源码(HTML+CSS+JS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多 ...
- web课程设计网页规划与设计~时尚服装购物商城模板html源码(HTML+CSS+JS)
HTML网页设计结课作业~橙色时尚服装购物商城模板html源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等 ...
最新文章
- tomcat源码研究
- yii2 请求外部api_微服务架构之「 API网关 」
- android 字符串转字节数组,java – 在Android中将字节数组转换为Charsequence
- Intel保护机制:特权级别:Protection Rings
- JAVA大数据习题Week2
- Git 简介和命令行操作
- 会优化,你真的会优化吗?其实你可能真的缺少一份理解【数据库篇】
- 个人博客网页设计作业
- 入行 AI,如何选个脚踏实地的岗位?
- 5336: [TJOI2018]party
- 英语数字表达方式大全
- 谷歌眼镜公开接受预订,全新宣传视频帅爆了_-Chaz-_新浪博客
- 18个使用 jQuery 制作的创意网站欣赏
- 站长统计工具区别:百度统计、51la统计系统和cnzz数据统计工具
- 出租房安装监控摄像头的必要性
- 201912月灵感记录
- python爬虫库scrapy_使用Python爬虫Scrapy框架爬取数据
- 如何在U-Boot中添加自定义命令
- 易语言对象--Word之精确定位表格单元格中并写入文本
- 2_嵌入式软件开发简介