为什么所有浏览器似乎都支持 Webkit CSS 前缀？

问题描述 投票：0回答：1

我想亲眼看看并测试不同的浏览器如何支持不同的供应商特定前缀（-webkit、-moz、-ms、-o）。 我很惊讶地发现 Firefox 和 Safari 都支持 -webkit 前缀（或者也许我误解了某些东西）， 我看到他们支持-webkit-border-radius， 他们甚至支持没有 -moz/-o 前缀变体的 -webkit-text-lines， 此外，他们似乎不相应地支持 -o-border-radius 和 -moz-border-radius ， Firefox 甚至在禁用属性旁边显示警告提示，表示其他浏览器不支持该属性。 Firefox 和 Safari 是否标准化了 webkit 属性的使用？ 我测试时是否遗漏了一些东西？

在 Which browsers support WebKit CSS? 中，我看到有人问哪些浏览器支持 webkit，但正如一些答案所暗示的那样，Firefox 没有被列为支持 Webkit 的浏览器，这仍然不能解释为什么 Firefox 和 Safari 都支持 Webkit再次不支持他们自己的供应商前缀，除非我错过了一些东西。

<!DOCTYPE html>
<html>
    <head>
        <style>
            .test {
                -webkit-border-radius: 30px;
                -webkit-text-stroke: 2px blue;
                text-align: center;
                background-color: red;
            }
        </style>
    </head>
    <body>
        <h1 class="test">Test</h1>
    </body>
</html>
css google-chrome browser webkit vendor-prefix
1个回答
0
投票

WebKit 主要支持并用于 Safari 浏览器。 我个人使用 https://caniuse.com/ 来支持我的 css 语法的跨浏览器。 在你的情况下，你可以看到这里不支持的-webkit的巨大列表https://caniuse.com/?search=-webkit

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.