现学现用，分享个目前做自适应网站通过浏览器宽度来控制页面的方法

老司机请直接路过

之前一直对自适应没接触，最近发现多数是通过CSS判断来实现的，录个栗子

@media (min-width: 992px){
.col-md-3 {
    width: 25%;
}

@media (min-width: 768px)
.col-md-3 {
    width: 50%;
}

@media (min-width: 640px)
.col-md-3 {
    width: 100%;
}

看了估计都明白了吧，

另外，针对手机端图片撑破的情况下，可以用百分比来控制图片的宽度，这样图片在手机端就不会撑破辣