viewport - android webview 屏幕适应问题
阿神
阿神 2017-04-17 16:30:42
0
5
692

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

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

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

阿神
阿神

闭关修行中......

모든 응답(5)
刘奇

안녕하세요, 호스트:

첫 번째 질문: 화면 적응 문제

으아악

일반적으로 html 헤더 정보에 이러한 메타를 추가하면 CSS에서 지원하는 경우 화면에 적응하는 효과를 얻을 수 있습니다.

두 번째 문제: html과 js 간의 상호작용이 android에서 멈췄습니다.

안드로이드 4.4 정식 버전(국내 휴대폰 제조사들이 구글 버전을 따르지 않는 경우가 많음)에서는 여전히 웹뷰 커널을 사용하고 있습니다WebKit 이 커널의 성능은 신형 커널과 동일합니다. (Chromium) 그에 비하면 아직은 상대적으로 열악한 편입니다. 그러나 일반적으로 하드웨어 가속을 켜면 약간 향상됩니다.

으아악

참고: Android 하드웨어 가속을 켜는 방법은 여러 가지가 있습니다. 여기를 클릭하세요

세 번째 문제: 해결 방법:

  • 저자가 순수 웹앱을 개발하고 싶다면 새 휴대폰을 사용해 보세요. 공식 안드로이드 4.4 이후 커널 Chromium 비우비우비우 성능이 향상되었습니다.

  • 낮은 버전의 Android를 지원하려면 cordova crosswalk를 사용해 보세요. 자세한 내용은 여기에서 확인하세요(ps: crosswalk에도 단점이 있습니다)

左手右手慢动作

이 설정은 로드된 HTML에 맞게 화면을 조정할 수 있습니다.
settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);

迷茫

rem을 사용하여 스타일 작성

Peter_Zhu

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

刘奇

이것을 제한하는 데 무엇을 사용하고 있나요?

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿