为了解决css旋转90度兼容的问题,大家可以使用 CSS3 的 transform 属性来实现。但是需要注意的是,在使用 transform 时,需要加上浏览器的前缀才能兼容不同的浏览器。
.rotate{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); }
这段代码可以实现将任意元素旋转 90 度。其中,-webkit-、-moz-、-o-、-ms- 是各浏览器前缀,transform 是标准的写法。
除了使用transform,大家还可以使用 SVG 技术来实现元素的旋转,而 SVG 可以更好地解决兼容性问题。关于 SVG 技术的介绍,在此不再赘述。
需要注意的是,使用 transform 或 SVG 实现旋转时,需要注意元素在旋转过后的位置和大小,以及对其他元素的影响,避免出现错误。
总的来说,css旋转90度在实现中会出现一些兼容性问题,但是通过使用 transform 和 SVG 技术,大家可以很好地解决这个问题。