blocks|key|905255|text|您必须计算需要手动使用的比例，而不是设置为30。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|905256|private+int+getScale(){
++++Display+display+=+((WindowManager)+getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay();+
++++int+width+=+display.getWidth();+
++++Double+val+=+new+Double(width)/new+Double(PIC_WIDTH);
++++val+=+val+*+100d;
++++return+val.intValue();
}|code-block|syntax|javascript|905257|然后使用|905258|WebView+web+=+new+WebView(this);
web.setPadding(0,+0,+0,+0);
web.setInitialScale(getScale());|905259|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You have to calculate the scale that you need to use manually, rather than setting to 30.

<pre><code>private int getScale(){
 Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
 int width = display.getWidth(); 
 Double val = new Double(width)/new Double(PIC_WIDTH);
 val = val * 100d;
 return val.intValue();
}
</code></pre>

Then use

<pre><code>WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());
</code></pre>

blocks|key|1119996|text|int+PIC_WIDTH=+webView.getRight()-webView.getLeft();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1119997|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>int PIC_WIDTH= webView.getRight()-webView.getLeft();
</code></pre>

blocks|key|1120084|text|你可以使用这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120085|++++WebView+browser+=+(WebView)+findViewById(R.id.webview);
++++browser.getSettings().setLoadWithOverviewMode(true);
++++browser.getSettings().setUseWideViewPort(true);|code-block|syntax|javascript|1120086|这将根据屏幕大小来确定大小。|1120087|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can use this

<pre><code> WebView browser = (WebView) findViewById(R.id.webview);
 browser.getSettings().setLoadWithOverviewMode(true);
 browser.getSettings().setUseWideViewPort(true);
</code></pre>

this fixes size based on screen size.

blocks|key|1120117|text|这将有助于根据网页调整仿真器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120118|WebView+wb;
//CALL+THIS+METHOD
wb.setInitialScale(50);|code-block|syntax|javascript|1120119|您可以按百分比设置初始比例，如上图所示。|1120120|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This will help in adjusting the emulator according to the webpage:

<pre><code>WebView wb;
//CALL THIS METHOD
wb.setInitialScale(50);
</code></pre>

You can set the intial scale in percentage as shown above.

blocks|key|905465|text|尝试使用此HTML5提示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|905466|http://www.html5rocks.com/en/mobile/mobifying.html|offset|length|905467|如果你的Android版本是2.1或更高|905468|++WebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);|code-block|syntax|javascript|905469|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|Z|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|C]]]]

Try with this HTML5 tips

<a href="http://www.html5rocks.com/en/mobile/mobifying.html">http://www.html5rocks.com/en/mobile/mobifying.html</a>

And with this if your Android Version is 2.1 or greater

<pre><code> WebView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
</code></pre>

blocks|key|1120279|text|朋友,|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120280|我从你那里发现了很多重要的和很棒的信息。但是，对我来说唯一有效的方法就是这样：|1120281|webView+=+(WebView)+findViewById(R.id.noticiasWebView);
webView.setInitialScale(1);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
webView.setScrollbarFadingEnabled(false);
webView.loadUrl("http://www.resource.com.br/");|code-block|syntax|javascript|1120282|我之所以在Android+2.1上工作，是因为公司的那种设备。但是我解决了我的问题，使用了来自每一个的那部分信息。|1120283|谢谢你！|1120284|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Friends, 

I found a lot of import and great informations from you. But, the only way works for me was this way:

<pre><code>webView = (WebView) findViewById(R.id.noticiasWebView);
webView.setInitialScale(1);
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
webView.setScrollbarFadingEnabled(false);
webView.loadUrl("http://www.resource.com.br/");
</code></pre>

I am working on Android 2.1 because of the kind of devices from the company. But I fixed my problem using the part of informations from each one.

Thanks you!

blocks|key|905569|text|这些都适合我，并且适合屏幕宽度的WebView：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|905570|//+get+from+xml,+with+all+size+set+"fill_parent"++
webView+=+(WebView)+findViewById(R.id.webview_in_layout);++
//+fit+the+width+of+screen
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);+
//+remove+a+weird+white+line+on+the+right+size
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);++|code-block|syntax|javascript|905571|感谢上述建议和White+line+in+eclipse+Web+view|offset|length|905572|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9564023/white-line-in-eclipse-web-view^0|0|0|7|U|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

These work for me and fit the WebView to screen width:

<pre><code>// get from xml, with all size set "fill_parent" 
webView = (WebView) findViewById(R.id.webview_in_layout); 
// fit the width of screen
webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); 
// remove a weird white line on the right size
webView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
</code></pre>

Thanks above advises and <a href="https://stackoverflow.com/questions/9564023/white-line-in-eclipse-web-view">White line in eclipse Web view</a>

blocks|key|1120396|text|在这种情况下，您必须在webView中使用超文本标记语言。我用下面的代码解决了这个问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120397|webView.loadDataWithBaseURL(null,
++++++++++++++++"<!DOCTYPE+html><html><body+style+=+\"text-align:center\"><img+src=+"
++++++++++++++++++++++++%2B+\"http://www.koenvangorp.be/photos/2005_09_16-moon_2000.jpg\"
++++++++++++++++++++++++%2B+"+alt=\"pageNo\"+width=\"100%25\"></body></html>",
++++++++++++++++"text/html",+"UTF-8",+null);|code-block|syntax|javascript|1120398|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You have to use HTML in your webView in this case. I solved this using following code

<pre><code>webView.loadDataWithBaseURL(null,
 "&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;body style = \"text-align:center\"&gt;&lt;img src= "
 + \"http://www.koenvangorp.be/photos/2005_09_16-moon_2000.jpg\"
 + " alt=\"pageNo\" width=\"100%\"&gt;&lt;/body&gt;&lt;/html&gt;",
 "text/html", "UTF-8", null);
</code></pre>

blocks|key|1120462|text|Display对象的getWidth方法已弃用。当WebView可用时，覆盖onSizeChanged以获取它的大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120463|WebView+webView+=+new+WebView(context)+{

++++@Override
++++protected+void+onSizeChanged(int+w,+int+h,+int+ow,+int+oh)+{

++++++++//+if+width+is+zero,+this+method+will+be+called+again
++++++++if+(w+!=+0)+{

++++++++++++Double+scale+=+Double.valueOf(w)+/+Double.valueOf(WEB_PAGE_WIDTH);

++++++++++++scale+*=+100d;

++++++++++++setInitialScale(scale.intValue());
++++++++}

++++++++super.onSizeChanged(w,+h,+ow,+oh);
++++}
};|code-block|syntax|javascript|1120464|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The getWidth method of the Display object is deprecated. Override onSizeChanged to get the size of the WebView when it becomes available.

<pre><code>WebView webView = new WebView(context) {

 @Override
 protected void onSizeChanged(int w, int h, int ow, int oh) {

 // if width is zero, this method will be called again
 if (w != 0) {

 Double scale = Double.valueOf(w) / Double.valueOf(WEB_PAGE_WIDTH);

 scale *= 100d;

 setInitialScale(scale.intValue());
 }

 super.onSizeChanged(w, h, ow, oh);
 }
};
</code></pre>

blocks|key|1120533|text|webview.setInitialScale(1);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setJavaScriptEnabled(true);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1120534|将会起作用，但请记住删除类似以下内容：|unstyled|1120535|<meta+name="viewport"+content="user-scalable=no"/>|1120536|如果存在于html文件中，或者更改user-scalable=yes，否则就不会。|1120537|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>webview.setInitialScale(1);
webview.getSettings().setLoadWithOverviewMode(true);
webview.getSettings().setUseWideViewPort(true);
webview.getSettings().setJavaScriptEnabled(true);
</code></pre>

will work, but remember to remove something like:

<pre><code>&lt;meta name="viewport" content="user-scalable=no"/&gt;
</code></pre>

if existed in the html file or change user-scalable=yes, otherwise it won't.

blocks|key|1120597|text|WebView+browser+=+(WebView)+findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
browser.getSettings().setMinimumFontSize(40);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1120598|这对我来说非常有用，因为.setLoadWithOverViewMode和.setUseWideViewPort已经将文本大小设置为非常小。|unstyled|1120599|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>WebView browser = (WebView) findViewById(R.id.webview);
browser.getSettings().setLoadWithOverviewMode(true);
browser.getSettings().setUseWideViewPort(true);
browser.getSettings().setMinimumFontSize(40);
</code></pre>

This works great for me since the text size has been set to really small by .setLoadWithOverViewMode and .setUseWideViewPort.

blocks|key|905910|text|你所需要做的就是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|905911|webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);|code-block|syntax|javascript|905912|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

All you need to do is simply

<pre><code>webView.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
</code></pre>

blocks|key|1120718|text|由于display.getWidth()；现在已弃用，因此由danh32对答案进行更改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120719|private+int+getScale(){
++++Point+p+=+new+Point();
++++Display+display+=+((WindowManager)+getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay();+
++++display.getSize(p);
++++int+width+=+p.x;+
++++Double+val+=+new+Double(width)/new+Double(PIC_WIDTH);
++++val+=+val+*+100d;
++++return+val.intValue();
}|code-block|syntax|javascript|1120720|然后使用|1120721|WebView+web+=+new+WebView(this);
web.setPadding(0,+0,+0,+0);
web.setInitialScale(getScale());|1120722|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Making Changes to the answer by danh32 since the display.getWidth(); is now deprecated.

<pre><code>private int getScale(){
 Point p = new Point();
 Display display = ((WindowManager) getSystemService(Context.WINDOW_SERVICE)).getDefaultDisplay(); 
 display.getSize(p);
 int width = p.x; 
 Double val = new Double(width)/new Double(PIC_WIDTH);
 val = val * 100d;
 return val.intValue();
}
</code></pre>

Then use

<pre><code>WebView web = new WebView(this);
web.setPadding(0, 0, 0, 0);
web.setInitialScale(getScale());
</code></pre>

blocks|key|906019|text|这似乎是一个XML问题。打开包含Web-View的XML文档。删除顶部的填充代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|906020|然后在布局中添加|906021|android:layout_width="fill_parent"
android:layout_height="fill_parent"|code-block|syntax|javascript|906022|在Web-View中，添加|906023|android:layout_width="fill_parent"
android:layout_height="fill_parent"+|906024|这使得Web-View适合设备屏幕。|906025|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

This seems like an XML problem. Open the XML document containing your Web-View. Delete the padding code at the top. 

Then in the layout , add

<pre><code>android:layout_width="fill_parent"
android:layout_height="fill_parent"
</code></pre>

In the Web-View, add 

<pre><code>android:layout_width="fill_parent"
android:layout_height="fill_parent" 
</code></pre>

This makes the Web-View fit the device screen.

blocks|key|1120793|text|WebView+webView+=+(WebView)findViewById(R.id.web_view);
webView.setInitialScale((int)+getResources().getDimension(R.dimen._50sdp));+//+getActivity().+if+you+are+at+Fragment
webView.getSettings().setLoadsImagesAutomatically(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.loadDataWithBaseURL(null,here+comes+html+content,"text/html","UTF-8",+null);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setDisplayZoomControls(true);
webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1120794|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>WebView webView = (WebView)findViewById(R.id.web_view);
webView.setInitialScale((int) getResources().getDimension(R.dimen._50sdp)); // getActivity(). if you are at Fragment
webView.getSettings().setLoadsImagesAutomatically(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.loadDataWithBaseURL(null,here comes html content,"text/html","UTF-8", null);
webView.getSettings().setBuiltInZoomControls(true);
webView.getSettings().setSupportZoom(true);
webView.getSettings().setDisplayZoomControls(true);
webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
</code></pre>

blocks|key|1120848|text|我有html字符串格式的视频，网页视图的宽度比屏幕宽度大，这对我来说是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120849|将这些行添加到HTML字符串中。|1120850|<head>
<meta+name="viewport"+content="width=device-width">
</head>|code-block|syntax|javascript|1120851|将上述代码添加到HTML字符串后的结果：|1120852|<!DOCTYPE+html>
<html>

<head>
<meta+name="viewport"+content="width=device-width">
</head>


</html>|1120853|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had video in html string, and width of web view was larger that screen width and this is working for me.

Add these lines to HTML string. 

<pre><code>&lt;head&gt;
&lt;meta name="viewport" content="width=device-width"&gt;
&lt;/head&gt;
</code></pre>

Result after adding above code to HTML string:

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
&lt;meta name="viewport" content="width=device-width"&gt;
&lt;/head&gt;


&lt;/html&gt;
</code></pre>

blocks|key|906106|text|这是一个基于@danh32的答案的更新版本，没有使用过时的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|906107|protected+int+getScale(Double+contentWidth)+{
++++if(this.getActivity()+!=+null)+{
++++++++DisplayMetrics+displaymetrics+=+new+DisplayMetrics();
++++++++this.getActivity().getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
++++++++Double+val+=+displaymetrics.widthPixels+/+contentWidth+*+100d;
++++++++return+val.intValue();
++++}+else+{
++++++++return+100;
++++}
}|code-block|syntax|javascript|906108|类似地使用：|906109|int+initialScale+=+this.getScale(420d);
this.mWebView.setInitialScale(initialScale);|906110|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

here's an updated version, not using deprecated methods, based upon @danh32's answer:

<pre><code>protected int getScale(Double contentWidth) {
 if(this.getActivity() != null) {
 DisplayMetrics displaymetrics = new DisplayMetrics();
 this.getActivity().getWindowManager().getDefaultDisplay().getMetrics(displaymetrics);
 Double val = displaymetrics.widthPixels / contentWidth * 100d;
 return val.intValue();
 } else {
 return 100;
 }
}
</code></pre>

to be used alike:

<pre><code>int initialScale = this.getScale(420d);
this.mWebView.setInitialScale(initialScale);
</code></pre>

blocks|key|1120926|text|作为参考，这是@danh32解决方案的Kotlin实现：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1120927|private+fun+getWebviewScale+(contentWidth+:+Int)+:+Int+{
++++val+dm+=+DisplayMetrics()
++++windowManager.defaultDisplay.getRealMetrics(dm)
++++val+pixWidth+=+dm.widthPixels;
++++return+(pixWidth.toFloat()/contentWidth.toFloat()+*+100F)
+++++++++++++.toInt()
}|code-block|syntax|javascript|1120928|在我的例子中，宽度由三个图像确定为300px，因此：|1120929|webview.setInitialScale(getWebviewScale(300))|1120930|我花了几个小时才找到这篇文章。谢谢!|1120931|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

For reference, this is a Kotlin implementation of @danh32's solution:

<pre><code>private fun getWebviewScale (contentWidth : Int) : Int {
 val dm = DisplayMetrics()
 windowManager.defaultDisplay.getRealMetrics(dm)
 val pixWidth = dm.widthPixels;
 return (pixWidth.toFloat()/contentWidth.toFloat() * 100F)
 .toInt()
}
</code></pre>

In my case, width was determined by three images to be 300 pix so:

<pre><code>webview.setInitialScale(getWebviewScale(300))
</code></pre>

It took me hours to find this post. Thanks!

blocks|key|906152|text|对于任何在这里登陆并面临Webview初始缩放(特别是在自定义网页中)的开发人员来说。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|906153|+++webView.getSettings().setJavaScriptEnabled(true);
++++++++webView.getSettings().setUseWideViewPort(false);+//make+sure+this+method+is+false+so+setInitialScale()+can+work+correctly
++++++++webView.getSettings().setLoadWithOverviewMode(true);
++++++++webView.setInitialScale(110);|code-block|syntax|javascript|906154|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

For any developer landed here and facing a problem dealing with Webview initial zoom/scale(especially in custom webpages).
<pre><code> webView.getSettings().setJavaScriptEnabled(true);
 webView.getSettings().setUseWideViewPort(false); //make sure this method is false so setInitialScale() can work correctly
 webView.getSettings().setLoadWithOverviewMode(true);
 webView.setInitialScale(110);
</code></pre>

I have tried the following to fit the webpage based on the device screen size.

<pre><code>mWebview.setInitialScale(30);
</code></pre>

and then set the metadata viewport

<pre><code>&lt;meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
&lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/&gt;
&lt;meta name="viewport" content="width=device-width, target-densityDpi=medium-dpi"/&gt;
</code></pre>

But nothing works, webpage is not fixed to the device screen size.

Can anyone tell me how to get this?

Android Webview - Webpage should fit the device screen

Android

Kotlin

HTML5

我已经尝试了以下方法，以适应基于设备屏幕大小的网页。mWebview.setInitialScale(30);然后设置元数据视口<meta name="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no...

问Android Webview -网页应适合设备屏幕
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android Webview -网页应适合设备屏幕EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Android Webview -网页应适合设备屏幕
EN