1. 使用 CSS 修改字体大小
可以直接在 <div> 标签的 style 属性中修改 font-size 属性。例如，将字体大小设置为 10px：
<div style="font-size: 10px;">{{model}}</div>
2. 使用 CSS 类
更好的做法是使用 CSS 类来控制样式，这样可以在多个地方重复使用相同的样式，并且易于管理和修改。首先，在 HTML 文件的 <head> 部分或在一个单独的 CSS 文件中定义一个 CSS 类：
<style>
.small-text {
font-size: 10px;
}
</style>
然后在你的 HTML 中使用这个类：
<div class="small-text">{{model}}</div>
3. 使用相对单位
如果想根据当前字体大小来缩小文字，可以使用相对单位，如 em 或 %。例如，将字体大小设置为当前字体大小的 80%（假设当前字体大小是 12px，那么 0.8em 或 80% 就是 9.6px 左右）：
<div style="font-size: 0.8em;">{{model}}</div>
或者：
<div style="font-size: 80%;">{{model}}</div>
4. 使用内联样式与相对单位结合
如果仍然想使用内联样式，但想基于当前字体大小做调整，可以这样做：
<div style="font-size: calc(12px * 0.8333);">{{model}}</div>
这里 calc(12px * 0.8333) 大约等于 10px，但这种方法不如直接使用 10px 直观和简洁。
