モバイルキーボードのhtmlビューポートのサイズが変更される

<body>のパーセンテージ（またはビューポートユニット）の幅と高さを使用する場合の既知の問題は、入力によるモバイルキーボードの呼び出しがパーセンテージ/ビューポート要素のサイズが変更される場合です。モバイルキーボードのhtmlビューポートのサイズが変更される

私はこの問題について多くのことを検索しましたが、何も本当に助けにならないでしょう。

私は答えの一つは、新しいビューポートに応じてレイアウトを調整することであるが見つかりました： mobile viewport resize due to keyboard

をしかし、これは本当に実用的ではありません。

誰かがウェブ上でモバイルキーボードを操作する方法を知っていますか？

いくつかのテストの私はより良い方法がある場合は、PXに<body>のために、高さと幅を設定するためにはJavaScript/jQueryの:)

出典

2016-09-20 shamaseen

使用を教えてください、私は答えを出してあげるハックを発見した後。このコードを使用

：<body>がビューポートに応じてピクセルに設定され、依然としてviewboradの変更と修正する。この場合に

$(function() { 
    var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); 
    var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); 
    $("html").css({"width":w,"height":h}); 
    $("body").css({"width":w,"height":h}); 
});

。

入力をキーボードでカバーすると、入力の位置をfixedとtopに簡単に変更できます。

出典

2016-09-20 04:55:23 shamaseen

モバイルキーボードのhtmlビューポートのサイズが変更される

答えて

関連する問題