android - Android webview の非常に奇妙な動作

Question

横向きモードでは、次のように、左側にいくつかのボタンを、右側に webview をラップする水平レイアウトを取得しました。

絶対要素または固定要素が追加されるまで、すべてが WebView でうまく機能します。

たとえば、この要素

<div style="position:fixed; top:0; left:0; width:100%; height:30px; background:#ff0000"></div>

次のように表示されます。

ご覧のとおり、右側にギャップがあり、左側のレイアウトのサイズとまったく同じです。実際の div 幅は、Web ビューの全幅からボタン レイアウトの幅を引いたものです。

ボタンのレイアウト幅が増えると、次のようになります。

これにより、iscroll などの多くのことが中断されます。

試しましたが、問題を解決できませんでした。

Answer 1

Samsung ICS タブレットでこの問題が発生し、ハードウェア アクセラレーションを無効にする必要がありました。これにより、position、overflow、translate3d CSS がすべて失敗していました。

マニフェストでオフにする

<application android:hardwareAccelerated="false"

またはプログラムで無効にします

if (android.os.Build.VERSION.SDK_INT < android.os.Build.VERSION_CODES.JELLY_BEAN) {
    myWebview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}