css代码|利用css代码隐藏某个id或者class(css中隐藏)
时间:2021-03-03 18:45:14 阅读:1044
Markup
<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)
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>
<!--隐藏代码结束-->
复制成功!
网友评论