Вот мой код:
* {
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 или просто не вкладывать селекторы.
обновление моего Safari сработало, лол. Спасибо!
какая версия сафари?