的WebView文字大小 [英] WebView text size
问题描述
有时候，当我打开我的网页（无静态内容，在飞行构造的）我看到的字体大小太小的 1 。如果我重装我认为正确 2 。我来回走，并正确地看到它。然后......小。没有一个特定的页面，而不是具体的时间。甚至没有具体的版本：我部署在ICS的设备，没有任何问题，然后改变一些东西（如字体大小），并在这里就是问题所在。同样为部署在8和10模拟器。
我的看法是pretty的简单：
＆LT; XML版本=1.0编码=UTF-8＆GT？;
＆LT; LinearLayout中的xmlns：机器人=http://schemas.android.com/apk/res/android
机器人：layout_width =match_parent
机器人：layout_height =match_parent
机器人：layout_weight =1
机器人：方向=垂直＆GT;
＆LT;的WebView
的xmlns：机器人=http://schemas.android.com/apk/res/android
机器人：ID =@ + ID / webviewArticle
机器人：layout_width =match_parent
机器人：layout_height =FILL_PARENT
机器人：layout_weight =1
机器人：填充=12dp＆GT;
＆LT; /的WebView＆GT;
＆LT; / LinearLayout中＆GT;
的HTML建设（内容参数格式的HTML）
字符串toShow =新的StringBuffer（）
.append（＆LT; HTML＆gt;中）
.append（＆LT; HEAD＆gt;中）
.append（＆LT;风格类型='文本/ css的'＆GT;身体{字体大小：大;颜色：#FFFFFF;背景颜色：＃000000;}＆LT; /风格＆gt;中）
.append（＆LT; /头＆gt;中）
.append（的String.Format（
＆LT;身体GT;＆LT; H1＆GT;％S＆LT; / H1＆GT;＆LT; DIV＆GT;＆LT; IMG SRC =％s的ALT =％s的风格=宽度：100 %%;身高：自动/＆GT; ＆LT; / DIV＆GT;＆LT; DIV style='background-color:#000000;'>%s</div><div><h3>%s</h3></div></body>",
article.getTitle（），
article.getImageLink（）的toString（）
article.getTitle（），
article.getContent（）代替（％，％25），// HTML
article.getAuthor（）））
.append（＆LT; / HTML＆gt;中）
的ToString（）;
。mBrowser.getSettings（）setBuiltInZoomControls（真正的）;
mBrowser.setInitialScale（1）;
CompatibilityUtils.setLoadWithOverviewMode（mBrowser，真正的）; //一套基于Android版本
。mBrowser.getSettings（）setUseWideViewPort（真正的）;
mBrowser.loadDataWithBaseURL（打假：//在/订单/到/刷新，toShow，text / html的，UTF-8，NULL）;
任何线索？
附加描述25年12月9日：作为图像显示，web视图认为可用空间是半个屏幕，并相应地规定的文本。这是很奇怪。什么是最奇怪的是，它认为这样的文本（图像和下面的DIV上面的头），而不是图像！
WebSettings设置= webView.getSettings（）;
这
settings.setTextSize（WebSettings.TextSize.SMALLEST）;
或
settings.setDefaultFontSize（10）; //较大的数字意味着更大的字体大小
Sometimes, when I load my page (no static content, constructed on the fly) I see the font size too small 1. If I reload I see it properly 2. I go back and forth and see it properly. And then ... small. Not a specific page, not on specific times. Not even specific version: I deploy on ICS device, no problem, then change something (like the font-size) and here is the problem. Same for deploys at 8 and 10 emulators.
My view is pretty straightforward:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="vertical" >
<WebView
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/webviewArticle"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:padding="12dp" >
</WebView>
</LinearLayout>
The HTML construction (the content parameter is formatted html)
String toShow = new StringBuffer()
.append("<html>")
.append("<head>")
.append("<style type='text/css'>body{ font-size: large; color: #FFFFFF; background-color: #000000;}</style>")
.append("</head>")
.append(String.format(
"<body><h1>%s</h1><div><img src='%s' alt='%s' style='width:100%%; height:auto' /></div><div style='background-color:#000000;'>%s</div><div><h3>%s</h3></div></body>",
article.getTitle(),
article.getImageLink().toString(),
article.getTitle(),
article.getContent().replace("%", "%25"), //html
article.getAuthor()))
.append("</html>")
.toString();
mBrowser.getSettings().setBuiltInZoomControls(true);
mBrowser.setInitialScale(1);
CompatibilityUtils.setLoadWithOverviewMode(mBrowser, true); //set based on android version
mBrowser.getSettings().setUseWideViewPort(true);
mBrowser.loadDataWithBaseURL("fake://in/order/to/refresh", toShow, "text/html", "utf-8",null);
Any hint?
Additional description 12/09/25: as the images suggest, the WebView thinks that the available space is half the screen and lays the text accordingly. This is is odd. What is oddest is that it thinks so for the text (the header above the image and the div below) and not the image!!!
WebSettings settings= webView.getSettings();
this
settings.setTextSize(WebSettings.TextSize.SMALLEST);
or
settings.setDefaultFontSize(10);//Larger number means larger font size
这篇关于的WebView文字大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
