一.流式布局
流式布局也叫百分比布局,就是把之前标签的宽高,margin,padding等,从具体数值变为百分比数值!
注意:
1.在使用百分比布局时,标签的百分比宽高是分别参考父级的宽高.
2.标签的margin和padding设置百分比值仅仅只参考父级的宽度!!注意注意注意!!!!
3.保证我们百分比布局精确有效，就一定要保证参考父级有确定的宽高...
二.媒介查询
媒介查询就是通过检测设备的宽高尺寸,对应做出网页的布局的变换!!!
语法:
@media 检测的设备 and (max-width: ){
}
监听max-width min_width max-height min-height
监听设备常用:
1.only screen 监听电脑,平板,手机
还可以监听读音设备..
不重要的类型还有
2.all 监听所有设备
3.print 打印设备
4.speech 读音设备
