Question

我试图将一个元素置于一个div中，该div在其上有一个转换，并注意到该元素只会在iOS Safari中浮出页面。经过调查，我认为问题可归结为以下几点：

<!DOCTYPE html style="width: 100%">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <div id="child1" style="width: 100%"></div>
        <div id="child2" style="width: 100%; scale(2)"></div>
    </body>
</html>

你会发现html和child1的计算宽度是200％。

Answer 1

修复方法是在html样式上设置其他属性：

html {
    width: 100%;
    overflow: hidden;
    transform: scale(1);
}

IOS Safari html元素不支持缩放子级的宽度

1 个答案: