根据屏幕宽度，设置10rem铺满屏幕

最新推荐文章于 2024-08-15 17:20:30 发布

wild_cowboy

最新推荐文章于 2024-08-15 17:20:30 发布

阅读量1.5k

点赞数

本文链接：https://blog.csdn.net/wild_cowboy/article/details/84832652

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<script type="text/javascript" rel="sheetstyle" src="jquery.min.js"></script>
	<style type="text/css">
		*{margin:0;padding:0;}
	</style>
	<script type="text/javascript">
		//$(window).width();
		function resize(){
			$('html').css('font-size',($(window).width())/10+'px');
		};
		window.onresize=resize;
		
		$(function(){resize();});
	</script>
 
</head>
<body>
	<div style="width:10rem;height:5rem;background:red;"></div>
</body>
</html>