gpt4 book ai didi

CSS 背景大小忽略第二个值

转载 作者:行者123 更新时间:2023-11-28 08:41:19 24 4
gpt4 key购买 nike

当我在 BODY 元素样式属性上指定 background-size: 100% 100% 时,WebKit 将其重写为 background-size: 100%。根据规范,这相当于 100% auto

为什么会这样?

最佳答案

根据 MDN :

[2] WebKit-based browsers originally implemented an older draft of CSS3 background-size in which an omitted second value is treated as duplicating the first value; this draft does not include the contain or cover keywords.

以下最小测试用例在所有其他浏览器中输出“100% 100%”,包括使用 Blink 的 Chrome 版本,并在 Safari 中输出“100%”:

data:text/html,<!DOCTYPE html><body style="background-size: 100% 100%"><script>document.write(document.body.style.backgroundSize);</script>

修改它以使用 -webkit- 前缀在所有版本的 Chrome 中输出“100%”,包括那些使用 Blink 的版本,这表明 Chrome 已经离开了 - 的实验性实现webkit-background-size,可追溯到 more than a decade ,完好无损:

data:text/html,<!DOCTYPE html><body style="-webkit-background-size: 100% 100%"><script>document.write(document.body.style.webkitBackgroundSize);</script>

然而,渲染讲述了一个不同的故事:Chrome 渲染根据 the latest spec不管是否使用前缀,我还没有设法弄清楚 Safari 到底在做什么......

关于CSS 背景大小忽略第二个值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29327537/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com