• 总宽响应式：

默认设置总宽100%的原素
width:;企业为%

最少总宽响应式：
min-width:;

较大总宽响应式：
max-width:;

• 高宽比响应式：

不写height,让內容扛起
height:50%; 前提条件==>html,body{height:100%;}

最少高宽比响应式：
min-height:;
较大高宽比响应式
max-height:;

• 难题：

父级沒有设定高宽比，子级波动，父级会造成高宽比坍塌
解决方案：
1、父级设定固定不动高宽                                                               ==>不灵便
2、父级原素波动                                                                         ==>会危害事后原素
3、overflow:hidden;                                                                       ==>别的子原素外溢有危害（开启bfc地区）
4、给波动原素最终边加空标识（高宽为0），clear:both;         ==>多写标识，编码数据冗余
5、after伪类(强烈推荐)                      .nav:after{content:"";display:block;clear:both;}        （最少包括3项特性）

.nav:after{

content:".";

display:block;

width:0;

height:0;

clear:both;

overflow:hidden; ==>掩藏"."

visibility:hidden; ==>掩藏标识自身

}

• 有关掩藏

display:none;       无法显示标识，掩藏（不占位性病变）
visibility:hidden;   掩藏（占位性病变）
visibility:visible;    显示信息

opacity:0~1;清晰度       ==>color:rgba(255,255,255,0~1);色调清晰度