关于解决移动页面固定宽度 缩放显示

遇见一蛋疼的问题，写html5想按照320像素写宽度，又像适配各种浏览器，就想到了用transform属性，可是此属性的缩放是以中心点缩放，因此缩放了要进去旋转，translate 2D旋转，为满足这些只好用js来计算，以下是代码：

<style>
*{
margin:0;
padding:0;
}

#dy_body{
width:320px;
overflow:hidden;
background-color:#F00;

}
</style>
<script>
function fn(id){
var div = document.getElementById(id);
var screen_w = parseInt(window.screen.width);
var div_h = div.offsetHeight;
scale = screen_w / 320;
translateX = (screen_w-320)/(2*scale);
translateY = (div_h*scale-div_h)/(2*scale);
div.style.transform = 'scale('+scale+') translate('+translateX+'px,'+translateY+'px)';

}

fn('dy_body');
window.onresize = function () {fn('dy_body');}
</script>

不做解释 自己研究吧