js 中英文混排 字体大小

在 HTML 中，我们可以使用 CSS 来控制文字的样式，包括字体大小和颜色等。在 JavaScript 中，我们可以通过操作 CSS 样式来改变网页中的文字样式。

当网页中既有中文又有英文时，由于中文字符和英文字符的形状和大小不同，因此需要注意字体大小的选择和设置，以保证整个页面的视觉效果。一般来说，中文字符比英文字符要稍微大一些，因此我们可以针对不同的语言设置不同的字体大小，或者使用一些专门针对中英文混排设计的字体。

在 CSS 中，可以使用 font-size 属性来设置字体大小。例如：

p {
  font-size: 16px; /* 设置段落文字大小为 16 像素 */
}

如果要针对中英文混排设置不同的字体大小，可以使用伪类选择器 :lang()，例如：

p:lang(zh) {
  font-size: 18px; /* 设置中文段落文字大小为 18 像素 */
}

p:lang(en) {
  font-size: 16px; /* 设置英文段落文字大小为 16 像素 */
}

以上代码表示当 p 元素中含有 lang 属性且值为 zh（代表中文）时，设置字体大小为 18 像素；当 lang 属性值为 en（代表英文）时，设置字体大小为 16 像素。当然，在 HTML 中需要正确设置 lang 属性才能生效。