如何解决如何将我页面的所有字体减小20%非EM
我目前正在处理国际化的页面,仅针对日语,所有字体都应减少20%(因为日语汉字与字母字符相比确实很大)。
我已经有了css规则,仅在将其更改为日语时才更改字体大小,但是我不能随便使用EM缩小字体大小,因为我有标题,段落和许多其他尺寸的文本,并且使用(0.8em)可以缩小所有字体大小他们的行为有所不同,而不是预期的行为。
我尝试使用font-size: 80%
。 font-size: calc(auto - 20%)
,但没有一个起作用。
您还有其他想法吗?我正在使用Sass(scss)以防万一。如果使用Scss无法实现,如何用JS(可以是香草或VUE)完成它
解决方法
如果%
由于某种原因无法为您工作,为什么不尝试使用font-relative units?
我建议您使用ch
或ex
。
两个单元都应使用日语字体正常工作。
,尽管我的其他答案也可以正常工作,但您可以解决此问题的另一件事是将所有日语文本用span
包装在class="jp"
中,并将font-size: 80%
应用于{{1 }}。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。