移动端的屏幕尺寸千差万别，因此在CSS样式中设置字号大小应该有所灵活，让字体在不同屏幕上具备更好的可读性和观感。本文将从实际经验出发，讨论移动端常用的几种字号设置方式。

一、像素字号设置

body{
font-size: 16px;
}

该方法是在整个页面的

标签中设置字号大小为16px，然后再在需要修改字号的元素上进行具体的设置。例如：

h1{
font-size: 24px;
}

这样设置的话，所有的字号都是基于16px，变大一倍是24px，变小一倍是12px。这样设置比较简单，但缺点是不够灵活，不能根据屏幕大小自适应调整字号，因此在响应式设计中应用的较少。

二、em字号设置

body{
font-size: 16px;
}
h1{
font-size: 1.5em;
}

该方法是先在页面的

标签上设置字号大小，然后在需要修改字号的元素上设置相对于父元素的字号大小。例如，上述代码中h1的字号大小为父元素字号（16px）的1.5倍，即24px。该方法可以根据父元素的字体大小自适应调整，但与浏览器的默认字体大小存在一定差异，需要根据具体情况进行调整，且结构比较复杂时不易维护。

三、rem字号设置

html{
font-size: 16px;
}
h1{
font-size: 1.5rem;
}

该方法与em不同，在页面的标签上设置字号大小，然后在需要修改字号的元素上设置相对于根元素的字号大小。例如，上述代码中h1的字号大小为根元素字号（16px）的1.5倍，即24px。该方法可以根据根元素的字体大小自适应调整，不受浏览器默认字体大小影响，且结构复杂时易于维护。但需要注意的是，使用rem时不支持嵌套设置，应在根元素上设置字号大小。

综上，移动端的字号设置应该根据实际情况选择合适的方法，以确保字体在不同屏幕上具备良好的可读性和观感。