简单的CSS代码可以控制页面只在电脑端显示

建站技术42字数 240阅读0分48秒阅读模式

我们在设计网页的时候,有些时候是希望某个页面或者某个模块在电脑端或者是在手机端显示的,而在其他设备中是不显示的。这里有什么办法来实现呢?其实很简单,我们用CSS来控制即可。

<div class="wp-none">电脑端显示的内容</div>

这个就是我们DIV控制的电脑端要显示的内容,用wp-none定义样式。

@media screen and (max-width: 560px) { .wp-none{display:none; }}

我们在CSS中控制屏幕尺寸然后让其隐藏。是不是比较简单?

投上你的一票
 
麦子
  • 本文由 麦子 发表于 2024年6月1日 08:23:07
  • 转载请务必保留本文链接:https://www.idcxen.com/css-media-screen.html
  • CSS控制显示设备