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)
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> <!--隐藏代码结束-->
网友评论