本文最后更新于2022年7月10日，已超过 1 年没有更新，如果文章内容失效，请 反馈 给我们，谢谢！
实现场景：在小屏手机上或者是PAD上把指定区域的内容隐藏，电脑端不变。比如一段广告或者一个说明只想要在电脑端显示手机端隐藏。
实现方法：
在需要隐藏的区域加一个DIV，例如想在手机端隐藏bigpic这张图片，代码如下：
<div class="none"><img src="/bigpic.jpg"/></div>
然后把DIV加一个样式代码如下：
@media screen and (max-width: 1222px) {
.none{display:none; }
}
（注意啦！上面的1222px表示如果屏幕尺寸达到了1222像素以下将会隐藏否则显示。具体数值可以自行调试）
版权所有丨如未注明 , 均为原创丨本网站采用 BY-NC-SA 协议进行授权 , 转载请注明 出处！
