em是相对于父元素字体大小的单位，常用来设置字体大小、行高、间距等。但有时候会出现em元素倾斜的情况，这时需要使用一些技巧来解决。使用em单位可能会导致元素倾斜的原因之一是对字体进行了旋转或倾斜，如下面的代码所演示的一样：

.box{font-size: 32px;transform: skew(20deg);}

在上面的代码段中，.box元素的字体大小是32px，但同时设置了一个倾斜变换。这种情况下，.box内的所有em元素都将在倾斜的基础上进行缩放，导致元素斜着显示。为了解决这个问题，我们可以使用一个技巧，即在em元素内嵌套一个不变形的元素，例如span标签，并对这个span标签应用相反的倾斜变换，以抵消父级倾斜变换的影响，如下面的代码所演示的一样：

.box{font-size: 32px;transform: skew(20deg);}.box em{display: inline-block;transform: skew(-20deg);}

在上面的代码段中，.box元素仍然设置了一个倾斜变换，但是我们使用了display:inline-block将em元素转换成了块级元素，并在其中嵌套了一个span元素，并对这个span元素应用相反的倾斜变换。这样，span标签内的文本就相对于父元素不旋转，而在外部观感上看起来也不发生倾斜。通过这种方式，我们就可以避免em元素的斜体现象。总之，我们可以使用em单位提高页面的呈现效果，但是需要注意使用技巧避免不必要的误解，尤其是当我们处理倾斜变换时。希望以上内容对你有所帮助！