Android WebView 콘 텐 츠 너비 적응

우 리 는 평소에 프로젝트 에서 웹 페이지 의 내용 이 json 데 이 터 를 통 해 app 에 전달 되 어 WebView 로 표 시 될 수 있 습 니 다. 이때 우 리 는 내용 의 총 폭 을 부모 용기 의 폭 을 초과 하지 않도록 조정 해 야 합 니 다. 그러면 사용 자 는 좌우 로 미 끄 러 지지 않 아 도 모든 내용 을 볼 수 있 습 니 다. 그러나 제 가 이 문 제 를 만 났 을 때 저 는 이 목적 을 달성 하려 고 노력 합 니 다.WebView 의 많은 방법 을 사 용 했 습 니 다. 예 를 들 어:
1. 첫 번 째 온라인 방법 (ps: 실패)
WebSettings settings = webView.getSettings(); settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); Layout Algorithm 은 페이지 의 레이아웃 을 제어 하기 위해 매 거 진 세 가지 유형 이 있 습 니 다.
1.NARROW_COLUMNS: 가능 하 다 면 모든 열의 너비 가 화면 폭 을 초과 하지 않도록 합 니 다.
2. NORMAL: 렌 더 링 을 하지 않 고 정상적으로 표시
3.SINGLE_COLUMN: 모든 내용 을 웹 뷰 등 폭 의 열 로 확대 합 니 다.
SINGLE 로COLUMN 타 입 은 페이지 의 중앙 디 스 플레이 를 설정 할 수 있 습 니 다. 페이지 를 확대 하고 축소 할 수 있 습 니 다. 그러나 이런 방법 은 그다지 좋 지 않 습 니 다. 가끔 은 페이지 의 레이아웃 이 달라 질 수도 있 습 니 다. 그리고 제 가 측정 해 봤 는데 중간 부분 만 표시 할 수 있 고 화면 을 초과 하 는 부분 은 표시 할 수 없습니다.
2. 두 번 째 (실패)
/ / 불 러 온 페이지 적응 핸드폰 화면 설정 settings.setUseWideViewPort(true); settings.setLoadWithOverviewMode(true); 
다른 몇 가지 방법 은 나 도 시험 해 보 았 지만, 모두 기대 한 효과 에 이 르 지 못 했다.
나중에 저 는 css 나 js 를 통 해 내용 의 디 스 플레이 효 과 를 제어 할 수 있 는 지 생각 했 습 니 다. 그래서 css 를 사용 하여 제 가 필요 로 하 는 기능 을 실현 할 수 있 습 니 다.
3. 세 번 째 (성공)

body{
word-wrap:break-word;
font-family:Arial;
}

css 를 통 해 텍스트 의 색상 등 외관 효 과 를 바 꿀 수 있 습 니 다. 예 를 들 어:

*{
color:#FF0000;
}

그래서 여기 간단 한 블 로 그 를 써 서 coder 에 게 주 고 다른 방법 이 안 되면 블 로 거 라 는 방법 을 시도 해 보 세 요.

    /**
     *                    
     *                body    ,           css        
     */
    private String codePrefixOne = ""-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">" +
            "" +
            "" +
            "" +
            "" + "" + "" + "";

    private String codeSubfix = "