实现场景:在小屏手机上或者是PAD上把指定区域的内容隐藏,电脑端不变。比如一段广告或者一个说明只想要在电脑端显示手机端隐藏。
实现方法:
在需要隐藏的区域加一个DIV,例如想在手机端隐藏bigpic这张图片,代码如下:
<div class="none"><img src="https://www.zkjd.me/bigpic.jpg"/></div>
然后把DIV加一个样式代码如下:
@media screen and (max-width: 980px) { .none{display:none; }}
(注意啦!上面的980px表示如果屏幕尺寸达到了980像素以下将会隐藏否则显示。具体数值可以自行调试)

Comments 1 条评论