PC端和移动端的字体适配
2024-12-23 02:43PM
可以使用单位rem
Rem（root em）是一个相对单位，它相对于根元素（html）的字体大小，通过动态设置html的字体大小，可以实现不同屏幕尺寸下的自适应
1. 设置根字体大小：
通常在CSS中，可以设置根元素的字体大小，例如：
html {
font-size: 16px; /* 1rem = 16px */
}
2. 使用rem单位：
在其他元素中使用rem单位。例如：
body {
font-size: 1rem; /* 16px */
}
h1 {
font-size: 2rem; /* 32px */
}
p {
margin: 1.5rem; /* 24px */
}
eg：
<div class="pages-home-index-slogan" :style="fontSize: '4.2rem'" >
{{$t("the_world_is_leading_digital_asset_service_platform")}}
</div>
PC端：
手机端：
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论