头部和底部固定，中间部分动态改变

1. 宽度高度百分比，字体em(自适应)，说明：高度响应需要body进行绝对定位并把高度设置为100%;
2. media query(响应式)，max-width、max-device-width
3. CSS3，display:flex

tips:
1,图片宽度max-width:100%;height:auto;
2,图片宽高比最好为1左右