理想情况下，我希望整个界面具有 自定义样式 ，该 样式 可以在ios（itouch /
ipad）或具有等效虚拟键盘的android上看到。请参阅下面的更多细节。

当键盘“存在”时，自定义设置的CSS hacking规则处于活动状态也是一种可以接受的解决方案。

在网站（HTML / JavaScript / CSS）上同时定位android和ios。还请注意，内部布局为： “ fluid”。

编辑： 这是更多的设计，然后是文字；因此，变化不会使人迷惑。在最低级别，我只希望有和没有虚拟键的设计更改 （也许只是背景更改）。

这是一个好坏设计思想的问题尚待商.。 但是，我觉得这个问题无关紧要。对于此类攻击，可以使用更多的文字（例如游戏或交互式媒体）。

因此赏金： 尽管不再需要我正在从事的项目的答案（使用了替代设计）。我仍然相信这个问题可以从回答中受益。

默认行为

                       +--------+ 
                       |        |
+------------+       +-+-hidden-+-+   <- ~50% hidden
| +--------+ |       | +--------+ |
| |        | |       | |visible | |
| |        | |   \   | |        | |   <- ~50% visible
| |  100%  | |  ==>  | +--------+ |
| |        | |   /   | |virtual | |
| |        | |       | |  keys  | |
| +--------+ |       | +--------+ |
+------------+       +------------+

期望的行为

+------------+       +------------+   
| +--------+ |       | +--------+ |
| |        | |       | |visible | |   <- 100% visible (example styling)
| |        | |   \   | |        | |      Custom Styling
| |  100%  | |  ==>  | +--------+ |
| |        | |   /   | |virtual | |
| |        | |       | |  keys  | |
| +--------+ |       | +--------+ |
+------------+       +------------+