CODEWITHSUNDEEP
cssmedia-queriesios16
overcaffeinated
overcaffeinated

Reputation: 53

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?

Upvotes: 3

Views: 3689

Answers (2)

Alaa
Alaa

Reputation: 418

I got this CSS selector from the browser dev tool, and it worked for me. select the element you need to modify and go down in the devtool tab (make sure to select the targeted device)

:-webkit-any(article, aside, nav, section) 
:-webkit-any(article, aside, nav, section) h1 
{
    @content
}

Upvotes: 0

Ahmed Mansour
Ahmed Mansour

Reputation: 600

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?

Upvotes: 6

Related Questions