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

时间:8个月前   阅读:137
<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> 
<!--隐藏代码结束-->


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

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

网友评论