Почему вы пишете «-webkit-touch-callout: none» при применении CSS к iOS? ⇐ IOS

[Anonymous]

Я писал CSS, который применим только к iOS.
Когда я искал, большинство людей использовали «@support(-webkit-touch-callout:none)» для написания CSS.
Сенсорная выноска — это меню, которое появляется, когда вы нажимаете и удерживаете ссылку на iPhone.
Но мне интересно, почему мне нужно установить для нее значение «нет».
Даже если я написал «@support(-webkit-touch-callout:inherit)», CSS, похоже, работал хорошо.
Что произойдет, если я не установлю «@support(-webkit-touch-callout: none)»?
Пожалуйста, расскажите мне что-нибудь, связанное с этим вопросом.
Спасибо.
#main {
min-height: 100vh;
}
/* iOS only */
@supports (-webkit-touch-callout: none) {
#main {
min-height: -webkit-fill-available;
min-height: stretch;
}
}


Подробнее здесь: https://stackoverflow.com/questions/746 ... css-to-ios