首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Css+Div设置电脑端显示,手机端不显示代码

Css+Div设置电脑端显示,手机端不显示代码

原创
作者头像
用户7718188
修改2021-11-01 11:52:04
修改2021-11-01 11:52:04
3K0
举报
文章被收录于专栏:高级工程司高级工程司

Css+Div设置电脑端显示,手机端不显示代码

在需要隐藏的区域加一个Div,例如想在手机端隐藏kongbiji这张图片,代码如下:

代码语言:javascript
复制
<div class="none"><img src="kongbiji.jpg"/></div>

如果想设置屏幕尺寸达到了 768 像素以下将会隐藏,否则显示。

则把DIV加一个样式代码如下:

代码语言:javascript
复制
@media screen and (max-width: 768px) {

 .none{

display:none; }

}

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档