Веб-сайты MVC C # с интерфейсом кендо. Это не проблема с компьютером и устройствами ios phone (iphone). Но на Android, если пользователь нажал на текстовое поле веб-сайта, отобразилась клавиатура и веб-сайты прокручивались, пользователь не может видеть фокус текстового поля. На компьютере и телефоне ios пользователь щелкает текстовое поле, вид останавливается и не прокручивается. Поэтому для исправления я использую следующий код CSS в javascript из cshtml:
@media screen and (max-width: 580px) and (max-height: 350px)and (min-height: 200px){
html {
display:block!important;
overflow:hidden!important;
}
}
Если щелкнуть текстовое поле, появится клавиатура и уменьшит изображение. Хотя представление меньше, оно не может прокручиваться, и оно показывает тот же правильный вид с компьютерным устройством и телефоном ios. Но это верно только для некоторых устройств Android. Как я могу использовать CSS, чтобы при просмотре клавиатуры на устройстве Android телефон не отображал веб-сайт? Спасибо! Ниже приводится пример успеха в устройстве ios phone:
1.website
2.Выберите событие и откройте окно события
3. Прокрутите вниз до текстового поля
4. Прокрутите вниз текстовое поле и сфокусируйте конечную часть текста в текстовом поле, затем появится клавиатура. Это не проблемаэто чехол для телефона ios, но на чехле для android он будет прокручиваться вверх не туда.