这是我的代码:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 160;
font-family: Cochin;
}
body {
width: 90%;
margin: auto;
}
header {
background: url("../images/background_cover.jpg");
background-size: cover;
h1, h3 {
display: grid;
place-items: center;
color: white;
padding: 1.5rem;
}
h3 {
font-size: clamp(1rem, 1.2vw, 3rem);
padding: 2rem;
}
}
除了 h1, h3 {} 块之外,其他一切似乎都工作正常。我也测试了其他一些不属于我的 css 文件,问题似乎仍然存在。我已经切换到 Chrome 一段时间了,一切看起来都很棒,但我更愿意了解这个问题并继续使用 safari。
我还在线查找了解决方案,清除了缓存,禁用了扩展,但似乎没有任何效果。
CSS 嵌套是 css 中添加的一个非常新的功能,这可能就是它在 safari 中不起作用的原因。
相反,您可以使用Sass或不嵌套选择器。