解决使用transform:rotate属性移动端页面可以左右滑动的现象

 

如下图，文字使用了transform:rotate属性，结果造成页面在移动端可以左右滑动。

在排查问题时，按网上建议，在根元素html和body上加overflow:hidden，虽然在浏览器上无法滑动，但是到了移动端还是可以左右滑动，然后一层层排查，直到在使用了transform:rotate属性的元素父级(最近的position不为static的父级)加上overflow:hidden，才解决了问题