响应式网站最常用代码

html里面的代码

依据宽度不同引入不同的css样式表

<link rel="stylesheet" media="screen and (max-width:750px)" href="css/phone.css" />

css里面的代码

手机端

@media (max-width:767px){
   h2 {color:#c9161e}
}

电脑端

@media (min-width:768px){
     h2 {color:#ff0}
  }