css代码|利用css代码隐藏某个id或者class(css中隐藏)

时间:2021-03-03 18:45:14   阅读:894
<style> 
@media (max-width:678px){#zshao1{display:none;}#zshao2{display:none;}}
@media (min-width:678px){.zshao3{display:none;}.zshao4{display:none;}}
</style> 
<body>
<div id="zshao1">屏幕小于678px,不会显示</div>
<div id="zshao2">屏幕小于678px,不会显示</div>
<div class="zshao3">屏幕大于678px,不会显示</div>
<div class="zshao4">屏幕大于678px,不会显示</div>
</body>

大于=(min-width: 678px)

小于=(max-width: 678px)

css代码|利用css代码隐藏某个id或者class(css中隐藏)

id用#

class用.

大多数用于网站自适应。



下面是个人笔记:

<!--隐藏代码开始-->
<style> 
@media (max-width: 678px){.xx001{display:none;}}
@media (max-width: 678px){.xx002{display:none;}}
 @media (min-width: 678px){.dd001{display:none;}}
@media (min-width: 678px){.dd002{display:none;}}
/*即class名为xx001隐藏
class="xx001"
id="myscroll"
 大于=(min-width: 600px)
 小于=(max-width: 678px)*/

@media(min-width:678px){
.xx001{display:none;}
#myscroll{display:none;}}
</style> 
<!--隐藏代码结束-->


上一篇:html代码|网页设计自动适应屏幕大小(网页设计自适应屏幕怎么改)

下一篇:js代码|识别移动用户 自动跳转

网友评论