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

首页 html 正文
  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的时候显示后面{ }的样式。
本文来自投稿,不代表本站立场,如若转载,请注明出处:https://blog.xiaoyuanling.com/html/13.html
手机靓号正则表达式
« 上一篇 10-09
2.0 搜索新特性
下一篇 » 06-11

相关推荐

发表评论

  • 泡泡
  • 阿呆
  • 阿鲁
  • 蛆音娘
    没有更多评论了