使用 CSS text-transform: 大写时避免 Micron 符号 μ 显示为 M答案

【问题标题】：Avoid Micron symbol μ to appear as M when using CSS text-transform: uppercase使用 CSS text-transform: 大写时避免 Micron 符号 μ 显示为 M
【发布时间】：2015-05-31 15:55:01
【问题描述】：

我有这个 HTML：

<p class="uppercase">
    aaaaaaaa 9″¾ 5μm
</p>

这个 CSS：

p.uppercase {
    text-transform: uppercase;
}

我得到这个结果：

AAAAAAAA 9″¾ 5ΜM

我怎样才能得到这个？

AAAAAAAA 9″¾ 5μM

p.uppercase {
  text-transform: uppercase;
}

<p class="uppercase">
  aaaaaaaa 9″¾ 5μm
</p>

【问题讨论】：

Unicode 似乎以与实际希腊字母 (U+03BC) 相同的方式为微型符号 (U+00B5) 定义大写字母。我不知道这是否适用于normalization purposes。不确定有没有办法解决这个问题，除了将 micro 包装在自己的元素中并保持该元素小写。
几个月前我遇到了同样的问题。按照@BoltClock 建议的方式解决了它。 jsfiddle.net/cxz28552/1

标签： css html uppercase

【解决方案1】：

试试这个不带样式的代码

<p class="">
aaaaaaaa 9″¾ 5μm
</p>

【讨论】：