Android Webview에서 메타 뷰포트 너비 사용

뷰포트 태그를 사용하여 HTML 콘텐츠를 WebView에 넣으 려합니다.Android Webview에서 메타 뷰포트 너비 사용

<meta name='viewport' content='width=640'/>

이것은 Chrome 브라우저에서 정상적으로 작동하지만 WebView에 맞게 확장되지 않습니다. 간단한 테스트 활동을했습니다 :

public class MyActivity extends Activity { 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 

     //-------------------------------------------------- 
     // Create a simple html page including viewport tag. 
     //-------------------------------------------------- 

     String html = "<!DOCTYPE html>" + 
       "<html>" + 
       "<head>" + 
       "<meta name='viewport' content='width=640'/>" + 
       "<title>Viewport Test</title>" + 
       "</head>" + 
       "<body style=\"margin: 0px;\">" + 
       "<div style=\"width: 600px; height: 600px; border: 20px solid green; background-color: red;\"></div>" + 
       "</body>" + 
       "</html>"; 

     //----------------------------------- 
     // Place html in WebView. 
     //----------------------------------- 

     WebView webView = new WebView(this); 

     webView.loadData(html, "text/html", "utf-8"); 

     setContentView(webView); 

     //----------------------------------- 
     // Launch Chrome with the same html. 
     //----------------------------------- 

     Intent intent = new Intent(Intent.ACTION_VIEW); 

     intent.setComponent(ComponentName.unflattenFromString("com.android.chrome/com.android.chrome.Main")); 

     intent.setData(Uri.parse("data:text/html;charset=utf-8;base64," + Base64.encodeToString(html.getBytes(), Base64.NO_WRAP))); 

     startActivity(intent); 
    } 
}

이유를 설명하거나 수정 제안을 제안 할 수 있습니까?

WebSettings settings = webView.getSettings(); 
    settings.setLoadWithOverviewMode(true); 
    settings.setUseWideViewPort(true);

을하지만이 같은 사용자 확장 성 = 0로 설정하면 또한, 나누기 :

출처

2014-01-30 SharkAlley

OK, 당신은 사용할 필요가

<meta name='viewport' content='width=640, user-scalable=0'/>

출처

2014-01-30 15:45:50 SharkAlley

다양한 솔루션을. 그것은 완벽하게 작동합니다! –

웬일인지 이것이 마시맬로에게 효과가있는 것처럼 보이지 않는다. .. 어떤 생각이라도? –

이 솔루션을 이용해 주셔서 감사합니다! – Brewology

Android Webview에서 메타 뷰포트 너비 사용

답변

관련 문제