排行榜 统计
  • 建站日期:2020-6-14
  • 文章总数:51 篇
  • 评论总数:108 条
  • 分类总数:4 个
  • 最后更新:昨天 14:42

CSS实现DIV层在PC端和移动端的显示

本文阅读 1 分钟

失われた

前言

为什么突然写这个呢?因为MYSSL的挂件在手机端的显示不太理想,于是乎想要其只在电脑端显示,不在移动端显示,当然包括一些广告啊之类的DIV层的可以通过css实现在PC端和移动端是否显示,当然,通过js其实是最精准的,不过css会快那么一丢丢,而且通过读取屏幕宽度实现也比较简单。

代码

只在PC端显示

<div class="showpc">
<style>
 .showpc{display:none;}
 @media (min-width:960px){
 .showpc{display:inline;}
 }
PX </style>

只在移动端显示

<div class="showphone">
<style>
 .showphone{display:inline;}
 @media (min-width:960px){
 .showphone{display:none;}
 }
 </style>
</div>

代码说明:display:none表示不显示,display:inline表示显示,@media (min-width:960px)表示屏幕宽度不低于960px。

原创文章,作者:天一,如若转载,请注明出处:https://tyiblog.com/teach/51.html
-- 展开阅读全文 --
Spimes主题增加评论者链接
« 上一篇 07-11
腾讯云香港轻量服务器上车与评测
下一篇 » 07-14

发表评论

本站已开启评论审核,请规范您的言行,点击查看垃圾评论类型

成为第一个评论的人