移动端网页（单页）开发问题

Question

工作中单页或者三页以下的网页开发任务比较多，开发中一直遇到一些问题，但是总是找不到比较有效的解决办法，所以前来求助一下。
问题如下：
1.单页应用，一般都是在微信平台运行，设计师会给一个背景图片，各种移动设备由于屏幕大小不一，背景图片会出现拉伸的情况，请问这个问题怎么解决？
2.如图：![图片描述][1]
    这样的网页比较多，就是用户填写一些信息，我一般设置背景图片100%高度显示，有时候表单真好一屏幕的高度，但是如果用户填写错误的时候会出现校验报错信息，表单超出100%的高度，但是背景图片还是100%，屏幕下方会出现空白部分.
3.上传一张图片作为背景头像，头像是圆形的，怎么截取图片，如果图片宽高都是100%的话，会出现变形，但是如果只给宽高中的一个设置100%，另一个会出现问题，这个怎么解决？

Answer 1

标题有点大啊，就是css3的问题和js的问题啊

Answer 2

用background-size:contain;或者background-size:cover;
第一个第二个问题都可以解决
第三个问题：弄一个正方向的div 大小自己设定overflow: hidden;border-radius: 50%; 这就是圆形了里面的图片弄成width：100%；height：100%；

Answer 3

1.宽度100% 高度auto
2.校验报错信息用绝对定位
3.头像用插件,类似qq上传头像那样，具体没用过