Skip to main content
Formatação
Fonte Link
ramaral
  • 44,7mil
  • 14
  • 60
  • 110

Testei em alguns navegadores esse cod. e aparentemente funciona como um hack para safari em geral.


Fala Victor, tudo certo?
irmão, 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.
https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Espero ter ajudado, abraço!
@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.


Fala Victor, tudo certo?
irmão, 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.
https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Espero ter ajudado, abraço!

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.

Fonte Link
Rafael Kendrik
  • 1,8mil
  • 14
  • 30

Fala Victor, tudo certo?
irmão, 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.
https://developer.mozilla.org/pt-BR/docs/Web/Guide/CSS/CSS_Media_queries

Espero ter ajudado, abraço!