「备份」Css+Div 设置 PC/Mobile 自动显示判断代码

如涉及侵权内容，请联系 [email protected]

2 回复

在需要隐藏的区域加一个Div，例如想在 PC 端显示手机隐藏 picture 这张图片，代码如下：

<div class="m"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以下将会隐藏，否则显示。

则把DIV加一个样式代码如下：

@media screen and (max-width: 767px) {

 .m{

display:none; }

}

<div class="pc"><img src="https://sep.cc/picture.jpg"/></div>

如果想设置屏幕尺寸达到了 767 像素以上将会隐藏，否则显示。

则把DIV加一个样式代码如下：

.pc{
    display: none;
}
@media (max-width: 767px) {
  .pc{
    display: block !important;
  }
}

本站在 PC 端浏览时整站样式全显示，移动端自适应主题隐藏了页脚以及文章底部广告，提升阅读体验！

最后编辑：2023年10月10日 19:22:49「本站部分内容具有时效性，如遇失效请留言反馈」

转载声明：本站所有内容采用 CC BY-NC-SA 国际许可协议，转载请注明来源：Sep blog，谢谢！

css

发表评论