html的响应式原理和写法

最简单的就是把页面设置为最大最小为一倍，禁止缩放

 <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, user-scalable=no">

让后在HTML的style里面设置(貌似外链试不行)此样式

//这里设置视口小于600像素 ,让里面的item元素宽度为当前的100%
@media (max-width: 600px) {
            .main .list .item {
                width: 100%;
            }
        }