I was writing a css that only applies to iOS.

When I searched, most people used '@support(-webkit-touch-callout:none)' to write css.

Touch callout is a menu that comes out when you press and hold the link on the iPhone.

But I wonder why I have to set it to 'none'.

Even if I wrote '@support(-webkit-touch-callout:inherit)' the css seemed to work well.

What happens if I don't set '@support(-webkit-touch-callout: none)'?

Please tell me anything related to this question.

Thank you.

`

#main { min-height: 100vh; } /* iOS only */ @supports (-webkit-touch-callout: none) { #main { min-height: -webkit-fill-available; } }

`

1 Answer

if you set -webkit-touch-callout: none than you won't get link preview after a "long tap". so you won't get something like this enter image description here

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.