Android 2.3浏览器无法渲染某些CSS3 2D变换

我很难让CSS3 2D转换在Android 2.3中使用任何使用默认webkit引擎的浏览器（例如默认浏览器、Dolphin HD、Amazon Kindle Fire Silk浏览器等）。Android 2.3 webkit引擎确实支持2D变换，我已经能够让一些带有2D变换的站点正确渲染，只是我的站点不支持

是否有人知道Android 2.3中存在任何可能导致与2D转换冲突的问题？或者，有没有一种好方法可以针对使用Android 2.3 webkit渲染引擎的浏览器使用css？当我使用Modernizer时，在这种情况下，它不起作用，因为Android 2.3浏览器的2D转换测试结果为阳性

这是我的网站：。在首页上，我正在旋转两个元素——90deg（站点标题和一个h2元素），在安卓2.3浏览器上都不会旋转。我甚至尝试过其他css转换，但似乎没有任何转换。如果我将整个页面剥离为基本页面，那么转换工作将完美无缺，因此我的站点上可能存在其他冲突，我就是不知道是什么！以下是特定于转换的CSS：

//Applied to the h2 element which says 'howdy' at the top of the page
    #about-front h2 {
        display: inline-block;
        float: left;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4)"\9;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: 170% 170%;
        -moz-transform: rotate(-90deg);
        -moz-transform-origin: 170% 170%;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: 170% 170%;
        -o-transform: rotate(-90deg);
        -o-transform-origin: 170% 170%;
        transform: rotate(-90deg);
        transform-origin: 170% 170%;
        width: 1em;
        text-shadow: -1px 0 #777, 0 2px #333, 2px 0 #333, 0 -1px #777;
    }

//Applied to the site title with a media query between 500px and 750px
    div#site_name {
        display: block;
        line-height: 0.85em;
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=4)"\9;
        -webkit-transform: rotate(-90deg);
        -webkit-transform-origin: 160% 130%;
        -moz-transform: rotate(-90deg);
        -moz-transform-origin: 160% 130%;
        -ms-transform: rotate(-90deg);
        -ms-transform-origin: 160% 130%;
        -o-transform: rotate(-90deg);
        -ms-transform-origin: 160% 130%;
        transform: rotate(-90deg);
        transform-origin: 160% 130%;
}

该问题也可能适用于Android 2.2；但是，我目前没有任何2.2设备要测试

我非常感谢您的任何想法、建议和建议！这简直快把我逼疯了

注释

Internet Explorer 5.5或更高版本支持专有的矩阵过滤器 这可以用来达到类似的效果

Gecko14.0删除了对skew（）的实验性支持，但它是 出于兼容性原因，在Gecko15.0中重新引入。事实上 非标准，将来可能会被删除，请勿使用

Android 2.3有一个缺陷，输入表单在输入时会“跳转”，如果 任何容器div都有一个-webkit转换

资料来源：

---

更多信息：

在一堆乱七八糟的事情之后，我终于明白了到底发生了什么。这个奇怪的错误来自一个自定义的集合视口。如果为iOS和Android提供自定义视口，则必须设置

user scalable=yes

。如果user scalable设置为no，则会出现此错误。例如，

将正常工作，但类似于

的内容将不正确显示。勾选此处您还可以将

目标密度dpi=设备dpi

添加到Android设备的元视口中。请勾选此答案