移动端图片自适应移动端图片自适应

移动端图片自适应

移动端自适应

移动端自适应

移动端自适应

实例

@media screen and (max-width: 750px) {
     img
        {
            width: 100%;
            height:auto;
            background-color: crimson;
            display: block;
        }

        }
        
        这里用到是媒体查询 ，作用是观察屏幕宽度， 当宽度达到我们设置的值，他会根据我们所设置 id class 标签等，改变他们的属性值 ，
        这种方法，我是用来应对，移动端和pc端 两者之间的切换，相当于两套模板了