viewport - android webview 屏幕适应问题

Question

target-densitydpi = device-dpi 用了之后虽然 webview的分辨率==实际窗体的分辨率

但是整个html以及js交互超级卡？？这是为什么？

target-density据说不推荐用，那android端的替代方案是什么？

Answer 1

こんにちは、ホスト:

最初の質問: 画面適応の問題

リーリー

通常、HTML ヘッダー情報にこのようなメタを追加すると、CSS がサポートしている場合に画面に適応させる効果が得られます。

2 番目の問題: HTML と JS の間の相互作用が Android でスタックします。

Android 4.4 の正式バージョン (多くの国内携帯電話メーカーは Google のバージョンに準拠していません) では、依然として Webview カーネルが使用されています WebKit このカーネルのパフォーマンスは新しいカーネルのパフォーマンスと同じです。 (Chromium) それに比べればまだ貧弱です。ただし、一般的に言えば、ハードウェア アクセラレーションをオンにするとわずかに改善されます。

リーリー

注: Android ハードウェア アクセラレーションを有効にする方法はいくつかあります。ここをクリックしてください

3 番目の問題: 解決策:

• 作者が純粋な Web アプリを開発したい場合は、新しい携帯電話を使用してください。正式な Android 4.4 以降、カーネル Chromium のパフォーマンスが向上しました。

• Android の下位バージョンをサポートしたい場合は、cordova + Crosswalk を試すことができます。詳細はこちら (追記: Crosswalk にも欠点があります)

Answer 2

この設定により、ロードされた HTML に画面を適応させることができます
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);

Answer 3

スタイルを記述するには rem を使用します

Answer 4

<meta name="viewport" content="width=device-width、initial-scale=1" />

Answer 5

これを使用して何を制限しますか?