關(guān)于webview加載html內(nèi)容的一些適應(yīng)問題

首先,先擺一個需要load的html代碼

<span style="color: rgb(51, 51, 51); font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, 宋體, sans-serif, tahoma; font-size: 16px; white-space: pre-wrap;">病情分析:皮膚病的發(fā)生與人的健康情況,生活習慣,工作環(huán)境與身心狀況等都有密切關(guān)系.</span>
<pre accuse="aContent" class="best-text mb-10" id="best-content-1464550588" style="margin-top: 10px; margin-bottom: 10px; padding: 0px; font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', arial, 宋體, sans-serif, tahoma; white-space: pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 29px; color: rgb(51, 51, 51); min-height: 55px;">
(1)健康情況 有些皮膚病是由于全身<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">性疾病</a>引起的,如<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">全身性紅斑狼瘡</a>,或由于慢性病引起的,如糖尿病,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">肺結(jié)核</a>,梅毒等;有些皮膚病與免疫障礙或接受免疫抑制治療有關(guān),這種病人由于抵抗力低,較易發(fā)生帶狀皰疹,脫發(fā),座瘡等.
(2)接觸過敏源 經(jīng)常容易引起皮膚病變的過敏源有植物類如毒性長青藤,橡樹,漆樹等毫痕;還有花粉,食物,化妝品,清洗劑等.
(3)皮膚疹也有可能是由于使用如維生素,輕瀉劑,抗生素,碘胺類藥物引起.
(4)有些皮膚病與遺傳有關(guān),如<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">牛皮癬</a>,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">尋常性痤瘡</a>,白斑,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">異位性皮炎</a>,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">魚鱗癬</a>,單純性水皰性肯皮溶解癥,先天性手掌足跡<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">角化癥</a>和禿發(fā)等多有遺傳性,其中<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">異位性皮炎</a>更有一定家庭史.
(5)與職業(yè)有關(guān)的皮膚病多見于因接觸化學(xué)物質(zhì)而致的疾病,如氯化物痤瘡,麥粉濕疹以及與屠宰業(yè)有關(guān)的急性傳染病如炭疽,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">馬鼻疽</a>等.
(6)有些皮膚病多發(fā)生于某特定地區(qū),如皮膚爬行疹多流行于熱帶.
(7)長期生活在擁擠,不潔環(huán)境的人易患衣虱病,常與有頭虱,<a class="baidu-highlight"  style="color: rgb(63, 136, 191); text-decoration: none;" target="_blank">陰虱</a>和夜里瘡的人密切接觸,易受傳染.
(8)長時間在寒冷或酷熱的天氣下從事戶外活動,常會引起皮膚癥狀.
意見建議:要想預(yù)防皮膚病,就要搞清楚皮膚病發(fā)生的原因及其發(fā)展后果,根據(jù)不同情況加以防范.主要措施有以下幾個方面:
(1)保持皮膚的清潔衛(wèi)生 對油性皮膚要經(jīng)常用肥皂和溫水清洗贼穆;對干性皮膚則應(yīng)少用肥皂.
(2)保持皮膚彈性 在寒冷季節(jié),要經(jīng)常用潤膚劑涂于皮膚,保持皮膚的彈性和柔軟,減少皮膚皸裂.
(3)保持頭皮 頭皮有保護頭皮免受外界刺激的作用,應(yīng)注意經(jīng)常修剪,定期洗頭,保持頭皮的清潔.
(4)清潔指甲 指甲要經(jīng)常修剪,并清除甲前端下的污物.
(5)保護皮膚 即使是皮膚有細小的破損,也要及時處理憨颠;對已有感染的皮膚要在注意清潔的基礎(chǔ)上注意保護,適當進行隔離,防止接觸感染绿满;對瘙癢性皮膚在積極治療的基礎(chǔ)上要防止因抓撓引起繼發(fā)感染蹂楣;暑天,痱子是皮膚感染的先兆,因此,防痱,治痱至關(guān)重要.
(6)消除與飲食有關(guān)的誘因 對某些皮膚病如濕疹,銀屑病,蕁麻疹,酒渣鼻,脂溢性皮炎等,應(yīng)注意限制食用魚,蝦等海腥食物和辛辣性食物.
同時,增強體質(zhì),保持精神愉快,注意鍛煉,合理營養(yǎng),提高機體免疫力,改善健康大辯論況等也是非常重要的.</pre>

在android4.4之前,這樣的寫法是可以讓內(nèi)容適應(yīng)屏幕大小的;

String content = "上邊的內(nèi)容";
 WebSettings settings = webView.getSettings();
//      自適應(yīng)屏幕
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        settings.setJavaScriptEnabled(true);
//      設(shè)置可以支持縮放
//        settings.setSupportZoom(true);
//      設(shè)置出現(xiàn)縮放工具
//      settings.setBuiltInZoomControls(true);
        webView.loadDataWithBaseURL(null, content, "text/html", "utf-8", null);

但是在4.4之后,(如果html里面本身并沒有去做適配移動設(shè)備的話),寬度可能會超出屏幕寬度,并且有橫向的滾動條;
在網(wǎng)上找了各種方法,但是都沒有比較合適的解決方案,setUseWideViewPort和setLoadWithOverviewMode,還有setLayoutAlgorithm方法雖然是被提到最多的,可是在4.4之后,光這樣設(shè)置確實是沒有效果的;
經(jīng)過漫長的探索以及實驗,發(fā)現(xiàn)5.0之后,webview是會自動適應(yīng)屏幕的,settengs什么都不需要設(shè)置,內(nèi)容不會超過屏幕寬,但是會很擠,字體小而且高度算不上自適應(yīng)(和5.0之前,調(diào)用 webView.setWebChromeClient(new WebChromeClient());的效果一樣);本想著這樣然后去settings.setDefaultFontSize(size);設(shè)置字體大小,但是....無效(確實沒明白為什么無效???)

再次經(jīng)過漫長的探索,最終找到了<meta>標簽;自己添加一個meta標簽
常用寫法<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

     WebSettings settings = webView.getSettings();
//      自適應(yīng)屏幕
        settings.setUseWideViewPort(true);
        settings.setLoadWithOverviewMode(true);
        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
        //擴大比例的縮放
        settings.setJavaScriptEnabled(true);
//      設(shè)置可以支持縮放
//        settings.setSupportZoom(true);
//        int size = Utils.dip2px(ArticleDetailActivity.this, 50);
//        settings.setDefaultFontSize(size);
//      設(shè)置出現(xiàn)縮放工具
//      settings.setBuiltInZoomControls(true);
        String css = "<style type=\"text/css\"> </style>";
        String html = "<html><header><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no>"+css+"</header>"+"<body>"+content+"</body>"+"</html>";
        webView.loadDataWithBaseURL(null, html, "text/html", "utf-8", null);

但是需要注意,Android4.0以下手機不支持viewport的width唉工,需要設(shè)置target-densitydpi;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末滔迈,一起剝皮案震驚了整個濱河市揩懒,隨后出現(xiàn)的幾起案子什乙,更是在濱河造成了極大的恐慌,老刑警劉巖已球,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件臣镣,死亡現(xiàn)場離奇詭異,居然都是意外死亡智亮,警方通過查閱死者的電腦和手機忆某,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來阔蛉,“玉大人弃舒,你說我怎么就攤上這事∽丛” “怎么了聋呢?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長颠区。 經(jīng)常有香客問我削锰,道長,這世上最難降的妖魔是什么瓦呼? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任喂窟,我火速辦了婚禮,結(jié)果婚禮上央串,老公的妹妹穿的比我還像新娘磨澡。我一直安慰自己,他們只是感情好质和,可當我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布稳摄。 她就那樣靜靜地躺著,像睡著了一般饲宿。 火紅的嫁衣襯著肌膚如雪厦酬。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天瘫想,我揣著相機與錄音仗阅,去河邊找鬼。 笑死国夜,一個胖子當著我的面吹牛减噪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼筹裕,長吁一口氣:“原來是場噩夢啊……” “哼醋闭!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起朝卒,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤证逻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后抗斤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體囚企,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年豪治,在試婚紗的時候發(fā)現(xiàn)自己被綠了洞拨。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡负拟,死狀恐怖烦衣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情掩浙,我是刑警寧澤花吟,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站厨姚,受9級特大地震影響衅澈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜谬墙,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一今布、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧拭抬,春花似錦部默、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至算凿,卻和暖如春份蝴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背氓轰。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工婚夫, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人署鸡。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓案糙,卻偏偏與公主長得像镐躲,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子侍筛,可洞房花燭夜當晚...
    茶點故事閱讀 44,724評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,751評論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,110評論 25 707
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程撒穷,因...
    小菜c閱讀 6,409評論 0 17
  • 在看了Android架構(gòu)系列-如何優(yōu)美的寫Intent后感覺收獲良多匣椰,自己也把在實際生產(chǎn)過程中使用Intent的一...
    祖?zhèn)鞔筇O果閱讀 665評論 5 2
  • 2015年底,我以產(chǎn)品經(jīng)理的身份加入今日頭條端礼,負責視頻部分的策略分發(fā)和原創(chuàng)生態(tài)建設(shè)禽笑。伴隨著頭條視頻業(yè)務(wù)的幾何級數(shù)增...
    閆澤華閱讀 1,693評論 0 7