CSS中，我们经常会使用到EM单位，它通常用于设置字体大小。但在一些情况下，我们需要使用到一个比较奇怪的单位——EX。这是什么东西呢？

EX其实是指当前字体的小写字母x的高度。比如我们设置一个元素的font-size为20px，那么1ex就等于20px下小写字母x的高度。如果我们把font-size改为10px，那么1ex就等于10px下小写字母x的高度。

p{font-size:20px;line-height:1.5;}.ex{font-size:1.5em;padding:0.5ex;}

使用EX单位的场景可以是，比如需要根据字体大小调整边框大小、内边距等元素的间距。在上面的代码中，我们先将整个页面的字体大小设置为20px，并设置行高为1.5。在.ex类中，我们将字体大小调整为1.5em，相当于30px，然后将padding设置为0.5ex，这样就可以保证在不同字体大小下，元素周围的间距保持一致。

需要注意的是，EX单位的兼容性并不好，特别是在移动端。如果使用EX单位会导致布局错乱或字体大小异常等问题，我们需要考虑其他方案。