#css #dev #safari

Como aplicar CSS só no Safari

por Pedro Resende em 07/08/2019 às 13:51:55

Como aplicar CSS só no Safari

Apesar de hoje em dia não haver tantas diferenças em termos de CSS's nos diferentes browsers ainda há casos exceptionais como o comportamento o position: sticky no chrome vs safari dentro de c’elulas (td) de tabelas.

Para isso, terão de colocar o código específico ao Safari dentro desta tag

/** SAFARI ONLY */
  @media not all and (min-resolution: .001dpcm) {
    @supports(-webkit-appearance:none) and (stroke-color:transparent) { ... }
  }
/** SAFARI ONLY */

Pedro Resende

Pedro Resende

With over two decades of experience as a Full Stack Developer, I have journeyed through diverse facets of software development. Commencing with the creation of compact institutional websites, I progressed to crafting portals for insurance brokers and contributed to substantial projects for renowned companies such as MS Amlin. My expertise expanded further by delving into product development for Advertiser Kwanko and collaborating with startups in their pivotal ramp-up stages. Notably, I've been involved in architecting extensive e-commerce solutions for global enterprises like Wayfair.

I currently serve as the Tech Lead at Emergn, contributing to the establishment and advancement of the Strategyzer client.