关于Html5做App（webapp）中界面适配的问题

在采用rem作为大小单位的同时通过JS根据屏幕大小计算出一个合适的数值赋值给当前的html即可。然后全文设置字体大小或控件大小时使用rem作为单位。也可以配合百分比设置控件大小。这样一来基本上可以根据屏幕尺寸完美缩放自己的界面了。

	<script>
	
	window.onload = function() { //会在页面或图像加载完成后立即发生
		var fontSize = $(window).width() / 18.75; //当前屏幕宽度
		$("html").css("font-size", fontSize + "px");
		//console.log("font-size = "+fontSize+"px;");
	}
	window.onresize = function() { //当窗口或框架被重新调整大小
		window.onload();
	}
	
	</script>