响应式网站常用代码

• html里面的代码
• • 依据宽度不同引入不同的css样式表
  • 告诉百度你的站是响应式的，如果仅是pc端的，那么只写pc，手机端同理
• css里面的代码
• • 手机端
  • 电脑端

html里面的代码

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

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

告诉百度你的站是响应式的，如果仅是pc端的，那么只写pc，手机端同理

<meta name="applicable-device" content="pc,mobile">

css里面的代码

手机端

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

电脑端

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