如何让一个页面电脑和手机显示不同的代码

乾坤 2022-6-13

  1. <style type="text/css">
  2. .pc_acmsd{display:block;}
  3. .m_acmsd{ display:none}
  4. @media(max-width:768px) {
  5. .pc_acmsd{display:none !important;}
  6. .m_acmsd{display:block !important;}}
  7. </style>
  8. <div class="pc_acmsd">此处放入显示在电脑上的代码</div>
  9. <div class="m_acmsd">此处放入显示在手机上的代码</div>
上面CSS的意思：
display:block  这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px)  判断页面宽度小于768PX的时候显示后面{ }的样式。

Comments | 0 条评论