Css+Div设置电脑端显示，手机端不显示代码

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

<div class="none"><img src="kongbiji.jpg"/></div>

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

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

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

 .none{

display:none; }

}
自动PC端隐藏 手机端显示CSS代码判断实现自适应

PC显示手机隐藏:

自动PC端显示 手机端隐藏CSS代码判断实现自适应

• 19年12月18日
• 0
• 3.1k

实现方法:

CSS判断控制路:

1. .wppc{
2. display: none;
3. }
4. @media (max-width: 767px) {
5. .wppc{
6. display: block !important;
7. }
8. }

在需要隐藏的区域加一个DIV，代码如下：

1. <div class="wppc">你要css判断隐藏的内容</div>

在窗口大小超过767px会自动隐藏，小于则显示。