h5页面+蓝湖设计图高度还原（终端自适应）

最新推荐文章于 2024-07-10 16:49:32 发布

讨口子

最新推荐文章于 2024-07-10 16:49:32 发布

阅读量1w

点赞数 1

本文链接：https://blog.csdn.net/qq_37034928/article/details/99692526

版权

以蓝湖设计图尺寸宽度750px为例：
在这里插入图片描述

//选中icon蓝湖尺寸162px*162px
<img src="../assets/icon.png">

//外边距20px；字体12px
<p class="fs12">字体</p>
<style>
	html{
		font-size: 50px;
	}
	.fs12{
		font-size: .24rem;
	}
	img{
		width: 1.62rem;
		height:1.62rem;
	}
	p{
		margin: .2rem;
	}
</style>
<script>
	let val = document.body.clientWidth;
	$('html').css('fontSize',val*50/375+'px')
</script>