Because the set distance is px, different models have different resolutions. The unit pixel size is also different. If you change it to a percentage it should solve the problem
Thank you for your replies. The problem has been solved because the background image of p only has a width set but not a height! There are still doubts here-"All p's have the same width and height. The background image only has a width but not a height. Why not?
As a result, the position where the numbers stop after rotating is different (visually different), but in fact the transformation is the same!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Because the set distance is px, different models have different resolutions. The unit pixel size is also different. If you change it to a percentage it should solve the problem
Mobile phone resolution problem
If you look at the use of rem units on the mobile terminal, the effect will be the same on different mobile phones
Thank you for your replies. The problem has been solved because the background image of p only has a width set but not a height!
There are still doubts here-"All p's have the same width and height. The background image only has a width but not a height. Why not?
As a result, the position where the numbers stop after rotating is different (visually different), but in fact the transformation is the same!