티스토리 뷰
Stack Overflow에 자주 검색, 등록되는 문제들과 제가 개발 중 찾아 본 문제들 중에서 나중에도 찾아 볼 것 같은 문제들을 정리하고 있습니다.
Stack Overflow에서 가장 먼저 확인하게 되는 가장 높은 점수를 받은 Solution과 현 시점에 도움이 될 수 있는 가장 최근에 업데이트(최소 점수 확보)된 Solution을 각각 정리하였습니다.
아래 word cloud를 통해 이번 포스팅의 주요 키워드를 미리 확인하세요.
Android Webview - Webpage should fit the device screen
Android 웹뷰 - 웹 페이지가 장치 화면에 맞아야 함
문제 내용
I have tried the following to fit the webpage based on the device screen size.
저는 기기 화면 크기에 따라 웹페이지를 맞추기 위해 다음과 같이 시도했습니다.
mWebview.setInitialScale(30);
and then set the metadata viewport
그런 다음 메타데이터 뷰포트를 설정합니다.
<meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/>
<meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi"/>
But nothing works, webpage is not fixed to the device screen size.
그러나 아무 것도 작동하지 않으며 웹 페이지가 디바이스 화면 크기에 고정되어 있지 않습니다.
Can anyone tell me how to get this?
이걸 어떻게 구하는지 누가 말해줄 수 있나요?
높은 점수를 받은 Solution
You can use this
이거 써도 돼요.
WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
this fixes size based on screen size.
이것은 화면 크기에 따라 크기를 수정합니다.
가장 최근 달린 Solution
I had video in html string, and width of web view was larger that screen width and this is working for me.
저는 html 문자열로 동영상을 만들었는데, 웹뷰의 너비가 화면 너비보다 더 커서 이것이 제게 효과가 있었습니다.
Add these lines to HTML string.
이 행을 HTML 문자열에 추가합니다.
<head>
<meta name="viewport" content="width=device-width">
</head>
Result after adding above code to HTML string:
HTML 문자열에 위의 코드를 추가한 후의 결과:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
</head>
</html>
출처 : https://stackoverflow.com/questions/3916330/android-webview-webpage-should-fit-the-device-screen
'개발 > 안드로이드' 카테고리의 다른 글
| 'This Activity already has an action bar supplied by the window decor' 에러 수정하기 (0) | 2022.12.22 |
|---|---|
| 카메라 촬영시 FileProvider - IllegalArgumentException 오류 수정하기 (0) | 2022.12.22 |
| 웹뷰 링크를 클릭하여 기본 브라우저 열기 (0) | 2022.12.22 |
| 웹뷰에 pdf 문서 불러오기 (0) | 2022.12.22 |
| Manifest Merger failed 오류 수정하기 (0) | 2022.12.22 |