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

麦子
麦子
管理员
1214
文章
0
粉丝
优化推广297字数 151阅读0分30秒阅读模式

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

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

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

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

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

投上你的一票
 
  • 本文由 麦子 发表于2024年9月25日 08:04:03
  • 转载请务必保留本文链接:https://www.zhujipingjia.com/css-media-screen.html
优化推广

解决WordPress标题中的"-"被转义成"–"问题

如果我们使用默认的WordPress程序和主题且没有进行转义字符处理会在标题中如果有"-"横线的被自动转义成"–"字符的,虽然在体验上没有什么问题,但是感觉看着不是那么舒服一些。但是建议我们在优化主题...