学习响应式布局

1，借助css3媒体查询（@media）

@media screen  {
    css样式

}

2，max-width或者min-width区别：

max-width：是PC端优先呈现，min-width：是移动端优先呈现

白话：先设计了PC端样式，想让移动端也使用这套样式，就要对个别布局属性进行修改

3，修改的方式如下

/* 媒体查询：在小屏幕上进行布局调整 */

白话：在屏幕小于等于600px，body元素里面的文字大小为12px
@media screen and (max-width: 600px) {
    body {
       font-size: 12px;
    }
}

学习中....

理解笔记