响应式布局

响应式布局写对位置

1.(同一个网页在不同设备中[布局]呈现的效果)

核心知识

◎媒体查询

    媒体查询            liagn-height 可以不用加px    (一倍)

1
2
3
4
5
6
7

@media only screen and (width:**/*不加分号*/) {   /* 加空格*/ 
    div {
           宽
           高
         背景颜色
    }
}

1.媒体查询就是响应式布局实现的原理

2.总结:可以让css代码在满足某些条件的情况下才去执行

◎boostrap框架

◎栅格系统

注:一旦涉及行内元素都需要转化为块元素