html5移动端失败的问题

需要将项目做移动端的支持，项目当初的分辨率是960/640，现在做移动端支持需要要求页面不可以进行用户手动缩放，并且该页面需要占完整的一个屏幕，求教如何做
预计效果图和实际效果图如下

1、禁止用户缩放很简单，head上加上 这个即可；

2、页面上的元素宽高都不要使用固定值，使用百分比来设置；

viewport content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"