Css 是否全局增加CJK字体的字体大小？_Css_Twitter Bootstrap 3

Css 是否全局增加CJK字体的字体大小？

css twitter-bootstrap-3

Css 是否全局增加CJK字体的字体大小？,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,亚洲字符（中文/日文/韩文）使元素更加紧凑，但当我的网站切换到中文时，我需要稍微增加字体大小。如何全局增加字体大小我想我可以在body标记上附加一个类，如下所示： <body class="cjk"> 可能会这样做吗？仅仅更改根大小可能无法满足您的需要，因为其余的标记将变量用于像素边距等我建议自定义构建，有两个选项可用于微调元素： 1）使用主体/包装器类：少 2）使用受保护的混合来更改特定元素，例如：在变量中，不需要同时更改所有内容 .SetFontSize() whe

亚洲字符（中文/日文/韩文）使元素更加紧凑，但当我的网站切换到中文时，我需要稍微增加字体大小。如何全局增加字体大小

我想我可以在body标记上附加一个类，如下所示：

<body class="cjk">

可能会这样做吗？

仅仅更改根大小可能无法满足您的需要，因为其余的标记将变量用于像素边距等

我建议自定义构建，有两个选项可用于微调元素：

1）使用主体/包装器类：

少

2）使用受保护的混合来更改特定元素，例如：

在变量中，不需要同时更改所有内容

.SetFontSize() when (@cjk) {
    @font-size-base: 17px;
}
.SetFontSize() when (@cjk = false) {
    @font-size-base: 15px;
}
.SetFontSize();

或者在特定的文件（如scaffolding.less）中进行更精细的控制

body {
  font-family: @font-family-base;
  & when (@cjk) {
     font-size: @font-size-base-adjusted;
  }
  & when (@cjk = false) {
     font-size: @font-size-base;
  }
  font-weight: @font-weight-base;
  line-height: @line-height-computed;
  color: @text-color;
  background-color: @body-bg;
  position: relative;
}

无引导

@cjk = false;
... 
rest of the imports

无自举

@cjk = true;
... 
rest of the imports

选项1更详细，但您只有一个文件

选项2进行了优化，但您必须关闭bootstrap.css bootstrap cjk.css文件

我建议您阅读MDN的概述，了解您拥有的所有选项，@DanAfterFiveCoffees，我认为您喝了太多咖啡。建议一个几乎不支持浏览器的候选CSS推荐并不是最好的建议。如果您使用

lang

属性正确地对有问题的内容进行分类（在

html

元素上，如果整个文档使用的是所讨论的语言之一，或者在容器元素上，如果只有部分使用，并且整个页面是多语言的）–那么您可以简单地将属性选择器与子代选择器结合使用，以针对所有需要使用的元素。（将其与相对字体大小（而不是px中的固定字体大小）相结合，可能会使这项工作更加容易。）感谢您提出这些解决方案-我喜欢更细粒度控制的想法，尽管我以前从未使用过更少的控制。因此我想我需要创建一些单独的文件，并重新编译bootstrap.css以创建自定义bootstrap-cjk.css？

@cjk = false;
... 
rest of the imports

@cjk = true;
... 
rest of the imports