viewport - android webview 屏幕适应问题

Question

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

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

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

Answer 1

樓主你好：

第一個問題：螢幕自適應問題

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

一般在 html 頭資訊裡面，添加這樣的 meta 可以達到自適應螢幕的效果，前提是你的 css 支援哦。

第二個問題：html 和 js 交互，在 android 裡面卡頓。

在官方Android4.4（國內很多手機廠商，並沒有按照google的版本來哦）以下版本，webview的內核還是使用的WebKit，這款內核的性能和新的內核( Chromium)比較還是比較差的。但一般來說，開啟硬體加速會稍有改善。 WebKit，这款内核的性能和新的内核(Chromium)相比还是比较差的。但是一般来说，开启硬件加速会稍有改善。

// 在androidmanifest.xml 文件中添加如下代码。
<application android:hardwareAccelerated="true" ...>

注意：Android 硬件加速有好几种开启方式哦，点击这里

第三个问题：解决方案：

• 如果楼主想开发纯粹的 web app, 请使用新款手机。官方Android4.4之后内核Chromium

  rrreee
• 注意：Android 硬體加速有好幾種開啟方式哦，點這裡

第三個問題：解決方案：

🎜🎜如果樓主想開發純粹的 web app, 請使用新款手機。官方Android4.4之後核心Chromium 效能 biu biu biu 的上升了。 🎜🎜 🎜🎜如果想支持低版本的 android, 可以嘗試使用 cordova + crosswalk, 詳情這裡(ps: crosswalk的缺點也是有的哦)🎜🎜 🎜

Answer 2

這個設定可以對載入進來的html自適應畫面
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);

Answer 3

用rem來寫樣式唄

Answer 4

Answer 5

你這個是用來限制什麼呢