发布于 

响应式布局

响应式布局写对位置

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

核心知识

◎媒体查询

    媒体查询            liagn-height 可以不用加px    (一倍)
1
2
3
4
5
6
7
@media only screen and (width:**/*不加分号*/) {   /* 加空格*/ 
div {


背景颜色
}
}

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

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

◎boostrap框架

◎栅格系统

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


本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

唯獨少了個字.