响应式开发记录

开始

1、媒体查询

// 判断是否为移动端
@media screen and (max-width: 767px) {
/* 移动端的样式 */
}
// 判断是否为PC端
@media screen and (min-width: 768px) {
/* PC端的样式 */
}