cssmedia-queriesios16

CSS hack that also supports IOS16

This CSS hack used to work up to iOS 15.6, but it doesn't work in iOS 16.

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {}
}

Are there any new hacks to also target Safari 16?

Solution

  • some Hyphenation seems like it does work only on safari.. honestly, I have never used them but take a look at it from here https://caniuse.com/?search=-webkit-hyphens

    someone also was suggesting this

    @supports (-webkit-hyphens:none){
        @content
}

    Is there a way to apply styles to Safari only?