1. 程式人生 > >rem如何設定才能1:100佈局

rem如何設定才能1:100佈局

<style type="text/css">
	/*這裡必須設回16px*/
	body{
		font-size: 16px;
	}
</style>
<script type="text/javascript">
	function resizeFontsize(){
		var width = document.documentElement.clientWidth;
		document.documentElement.style.fontSize = width/7.5+'px'; 
		//width/(效果圖片寬度/文字字型大小(100))
	}
	resizeFontsize();
//			改變橫屏豎屏執行效果更換
	window.addEventListener('orientationchange',resizeFontsize);
//			改變手機大小執行效果更換
	window.addEventListener('resize',resizeFontsize);
</script>

這樣就可以rem跟px   1比100了