移动页面布局方法

319 查看

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

  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左右