图片自适应屏幕浏览器的方法有两种形式：
第一种也是最方便的：把图片设置成百分比，用百分比来控制，比如你的格局，在div中，分两个区域每个区域有50%大小，占用整个屏幕的大小，然后你在一个div中的图片设置100%，他只是占了整个屏幕的50%的，如果设置50%，那么他占用的是25%，根据上一级的区域来设置的；这样拖动浏览器的时候，也会根据浏览器缩放来自动变换大小；
第二种，相对来说麻烦一点，需要你来判断，这样的比较灵活，也可以随着浏览器的大小变动字体等大小；
@media screen and (max-width:360px){body{img:100%;}}
这是给你举个例子，当然css样式需要你自己来写，设置最大宽度 max-width与最小宽度min-width；上面的意思是当浏览器宽度小于360px的时候执行body内的css样式
@media screen and (min-width:480px){body{font-size:21px}}
这种方式是当浏览器宽度大雨480px的时候执行body内的css样式
希望我的回答对你有所帮助，如果还有疑惑请继续追问我；
追问我的把代码发私信给你了，谢谢帮我看一下，怎么处理，感谢！
追答图片自适应的话，你的上一级不能是设置的固定宽度与高度；最好用width:100%; height:100%;或者height:auto;都可以
看私信，我给你发下