Question

我有一个大问题：

当我在页面视口中设置“user-scalable = no”时，CSS转换转换不起作用，但它在任何计算机浏览器中都能正常工作：

#progress-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 300px;
    background: #21232A;

    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;

    transform: translateX(-50%) translateY(55%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(55%) rotate(45deg);
    -webkit-transform: translateX(-50%) translateY(55%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(55%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(55%) rotate(45deg);

    pointer-events: none;
}

我的视口：

<meta name="viewport" content="width=device-width, user-scalable=no"/>

我真的需要在我的页面中使用“user-scalable = no”，因为我有一个页眉和页脚用它来修复页面上的页面（绕过android错误）

ANDROID TESTED VERSION：2.3.x

欢迎任何解决方法！提前谢谢！

当在viewport中设置“user-scalable = no”时，CSS转换在android上不起作用

0 个答案: