В идеале я хотел бы, чтобы весь интерфейс имел пользовательский стиль, который отображается на ios (itouch/ipad) или эквивалент андроида с присутствующей виртуальной клавиатурой. Подробнее см. Ниже.
Пользовательский набор правил взлома CSS, который должен быть активным, когда клавиатура "присутствует", также является приемлемым решением.
Настраивает как андроиды, так и ios на веб-сайте (HTML/JavaScript/CSS) Также обратите внимание, что макет внутри: "жидкость".
Изменить: Это был больше дизайн, затем текст; Таким образом, изменения не дезориентируют. На самом низком уровне я просто хочу изменить дизайн с помощью и без виртуальных клавиш (возможно, просто изменение фона).
Вопрос, который является хорошей или плохой конструктивной идеей, является спорным. Однако, я чувствую, что это не имеет отношения к вопросу. Для такого эксплойта может использоваться больше текста (например, игр или интерактивных носителей).
Следовательно, щедрость: Несмотря на то, что больше не нужен ответ для проекта, над которым я работал (использовался альтернативный дизайн). Я все еще верю, что этот вопрос может выиграть от ответа.
Поведение по умолчанию
+--------+
| |
+------------+ +-+-hidden-+-+ <- ~50% hidden
| +--------+ | | +--------+ |
| | | | | |visible | |
| | | | \ | | | | <- ~50% visible
| | 100% | | ==> | +--------+ |
| | | | / | |virtual | |
| | | | | | keys | |
| +--------+ | | +--------+ |
+------------+ +------------+
Желаемое поведение
+------------+ +------------+
| +--------+ | | +--------+ |
| | | | | |visible | | <- 100% visible (example styling)
| | | | \ | | | | Custom Styling
| | 100% | | ==> | +--------+ |
| | | | / | |virtual | |
| | | | | | keys | |
| +--------+ | | +--------+ |
+------------+ +------------+