演示

.hidden-lg{            /*设置css选择类*/
        dispiay:nome;  /*让资源不显示*/
        }

.hidden-lg是一个选择器类，在里面的样式内容(任意)为dispiay:nome，那么这个内容就会空白，将它赋予给一个图片超文本html：<img src="/picture/00.png" alt="图片" width="100%" class="hidden"/>，这时内容将空白，你可以将任何想给图片(或其他内容)添加的样式写在这里

@media screen and (min-width:1200xp){
 /*样式内容*/
}

min和max是对立的，min-width:1200xp在代码的含义是宽度超过1200xp做什么，max-width:1200xp是宽度未超过1200xp做什么，最普通的例子就是用他做到超过屏幕时，是否显示它包括的样式内容

例子

将演示的内容结合，即可实现如电脑屏幕不显示图片，手机却显示

css

@media screen and (min-width:1200xp){
  	.dome{
        dispiay:nome;
        }
}

html

<img src="/picture/00.png" alt="图片" width="100%" class="dome" />