Html 如何使英文文本显示为与日文文本相同的大小?

Html 如何使英文文本显示为与日文文本相同的大小?,html,css,cjk,Html,Css,Cjk,我的网站包括英文和日文字符。问题是,尽管它们是在同一个类中定义的,但在某些环境中它们看起来大小不同。例如,它在我的Chrome浏览器中显示良好,但在我的桌面Chrome浏览器和我的Safari浏览器中,英文文本显示比日文文本小 下面是我的代码片段: body, 分区, dl, dt, dd, ul, ol,, 锂, h1, h2, h3, h4, h5, h6, 之前, 形式, 字段集, 输入, 文本区, P 块引用, th, 运输署{ 保证金:0; 填充:0; } P 字段集, 桌子{ /*

我的网站包括英文和日文字符。问题是,尽管它们是在同一个类中定义的,但在某些环境中它们看起来大小不同。例如,它在我的Chrome浏览器中显示良好,但在我的桌面Chrome浏览器和我的Safari浏览器中,英文文本显示比日文文本小

下面是我的代码片段:

body,
分区,
dl,
dt,
dd,
ul,
ol,,
锂,
h1,
h2,
h3,
h4,
h5,
h6,
之前,
形式,
字段集,
输入,
文本区,
P
块引用,
th,
运输署{
保证金:0;
填充:0;
}
P
字段集,
桌子{
/*这样事情就不会发生冲突了*/
边缘底部:1米;
}
* {
字体大小:14px;
文本对齐:左对齐;
边缘顶部:10px;
边缘底部:5px;
}
#货柜权{
宽度:490px;
浮动:对;
}
p{
字体系列:自由巴斯克维尔,“巴斯克维尔旧脸”,“霍夫勒文本”,加拉蒙,“新罗马时代”,衬线;
字体大小:14px;
字体风格:普通;
字体变体:正常;
字体大小:400;
线高:20px;
字体显示:块;
垂直对齐:顶部;
}
html{
文本大小调整:100%;
-webkit文本大小调整:100%;
-moz文本大小调整:无;
-ms文本大小调整:无;
-o-text-size-adjust:无;
}

棕色的准教授、


不同的机器可能使用不同的字体。您可以尝试使用该属性,但我不知道这将如何影响与这些属性不同的脚本。您是否尝试使用
em
而不是
px
作为字体大小?我已经测试过了。工作正常。我认为问题在于字体系列。你能检查一下吗?欢迎来到SO!这是由于
字体系列
。。。。建议将这两个单词放在不同的
span
中,然后分别调整它们的
字体大小。不同的机器可能使用不同的字体。您可以尝试使用该属性,但我不知道这将如何影响与这些属性不同的脚本。您是否尝试使用
em
而不是
px
作为字体大小?我已经测试过了。工作正常。我认为问题在于字体系列。你能检查一下吗?欢迎来到SO!这是由于
字体系列
。。。。建议将这两个单词放在不同的
span
中,然后分别调整它们的
字体大小