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

遇见一蛋疼的问题，写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>

不做解释  自己研究吧