CSS的响应式处理

最近做网页想搞响应式布局，通过js可以实现但是效果不是很好，必须刷新才能改变，查询了一波资料以后发现了下面这个方法，通过css直接写一个响应的样式，它可以覆盖原有的样式，设置当屏幕大小为多少时显示什么样式，无需刷新响应页面，在此记录一下。

@media(max-width: 320px) {
    
    
    /*  你的css代码  */
  }