前端学习笔记

day08
自适应

1. 自适应指的是元素可以根据窗口或者父元素的变化改变自身的大小
2. 宽度自适应：不设置宽度，默认的宽度取值为with:auto;
3. 高度自适应：不设置高度，默认的高度取值为height:auto;
4. 窗口自适应：设置大小的时候使用百分比，浏览器大小改变的时候，盒子也会随之改变，窗口自适应需要的一句代码是: `html,body{height:100%}
   注：元素没有高度，百分比设置是参照父元素的高度和宽度进行实现的，默认情况下html和body是没有高度的。
5. 动态计算高度：两个或者多个元素纵向排列，其中一个（多个）固定高度，另一个占父元素剩下的所有高度。
6. 动态计算宽度：两个或者多个元素并排，其中一个（多个）固定宽度，剩下的这个元素占父元素的剩下所有的宽度
7. 动态宽度或者高度的计算使用calc函数：基本语法：calc（100% - 固定高度）
   运算符前后加空格，不然没效果