雅安论坛

标题: 如何让手机移动端指定不显示的代码如何一段html只在电脑端显示，移动端不显示呢 [打印本页]
作者: 匿名    时间: 2019-12-23 22:51
标题: 如何让手机移动端指定不显示的代码如何一段html只在电脑端显示，移动端不显示呢

在css的后面加上  
  1. @media (max-width: 678px){.id_name{display:none;}}
复制代码


这段代码的意思是当屏幕宽大小小于678px时执行{}内的css样式，即class名为id_name隐藏如果不是class的属性，是id的话，把.改成#即可，下面请看截图和代码

  2. <div><div>@media (max-width: 678px){.rlist1{display:none;}}</div><div>@media (max-width: 678px){#blogsort{display:none;}}</div></div>
复制代码
(, 下载次数: 19)




欢迎光临 雅安论坛 (https://www.yaanbbs.net/) Powered by Discuz! X3.4