Testei em alguns navegadores esse cod. e aparentemente funciona como um hack
para safari em geral.
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
::i-block-chrome, "seuseletor" {
attr: valor;
}
}
Ex.:
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
::i-block-chrome, h1 {
color: red;
}
}
Isso fará com que os elementos h1
fiquem com coloração vermelha.
no seu caso:
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
::i-block-chrome, .sdn-music-player>.yt-wrap>iframe {
left: -22px;
position: absolute;
top: -126px;
}
}
Agora se tu precisar apenas pra um tamanho especifico de tela você pode associar mais uma condição para a @media query
.
Ex.:
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 700px) { }
você pode ver mais exemplos de Mquery aqui.