防止图像旋转以更改视口宽度

Question

我正在将旋转应用于img元素，这会导致视口改变它的宽度，让用户可以滚动到两侧，有一种方法可以改变它吗？图像是svgs

Answer 1

在包装元素上使用overflow-x: hidden

Answer 2

将SVG包裹在<div>样式中，使其与SVG元素的高度和宽度相同，并在包装​​元素上设置overflow: hidden。

<div>会在旋转时隐藏SVG的角落，但不会剪切内部SVG圆圈。