以蓝湖设计图 尺寸宽度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>
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

HarmonyOS应用代码混淆技术方案，为你的应用安全保驾护航

从 DevEco Studio 5.0.3.600 版本起，默认启用四项推荐的混淆选项：-enable-property-obfuscation、-enable-toplevel-obfuscation、-enable-filename-obfuscation 和 -enable-export-obfuscation。此外，启用-enable-property-obfuscation、-enabl

avatar HarmonyOS开发者社区

告别深夜改Bug！CodeGenie帮你快速“驯服”鸿蒙编译错误！

内部测试期间，一位资深工程师感叹：“以前带新人最头疼的就是解决各种编译错误，现在AI能直接帮他们快速定位问题，不仅效率提升，学习曲线也平缓了许多。无论是拼写错误、类型不匹配，还是更隐蔽的语法问题，这些看似简单的错误往往需要花费大量时间排查。最重要的是，如果第一次修复后编译仍未通过，系统会自动提取新的报错信息，继续分析修复，直到完全通过为止。更让人崩溃的是，有些报错信息含糊其辞，你明明知道问题大概出

avatar HarmonyOS开发者社区

鸿蒙的云服务与云平台！

本文收录于「滚雪球学SpringBoot」专栏，手把手带你零基础入门springboot，从入门到就业，助你早日登顶实现财富自由；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！ 环境说明：Windows 10 + IntelliJ IDEA 2021.3.2 + Jdk 1.8 1. 云服务架构设计：如何为鸿蒙系统提供强大的云支持 ️

avatar HarmonyOS开发者社区