webview 中使用css适配简单的页面_html/css_WEB-ITnose-html教程-PHP中文网

webview 中使用css适配简单的页面_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:38:45

原创

1568人浏览过

package com.example.mycssdemo;import android.annotation.SuppressLint;import android.app.Activity;import android.os.Bundle;import android.util.Log;import android.view.Menu;import android.webkit.WebSettings;import android.webkit.WebSettings.LayoutAlgorithm;import android.webkit.WebView;import android.webkit.WebViewClient;/** * 类名：MainActivity.java <br> * 描述： <br> * 创建者： lidongdong <br> * 创建日期：2015-8-16 * 版本： <br> * 修改者：<br> * 修改日期：2015-8-16 */@SuppressLint("SetJavaScriptEnabled")public class MainActivity extends Activity {	private WebView mWebView;	private WebSettings mWebSetting;	private String content;	private String linkCss;	private String html;		@Override	protected void onCreate(Bundle savedInstanceState) {		super.onCreate(savedInstanceState);		setContentView(R.layout.activity_main);		mWebView= (WebView) findViewById(R.id.web_view);		mWebSetting = mWebView.getSettings();		mWebSetting.setJavaScriptEnabled(true);		//======================保证页面的完整显示在手机屏幕上=======================		mWebSetting.setUseWideViewPort(true); 		mWebSetting.setLoadWithOverviewMode(true); 				mWebSetting.setSupportZoom(true);  		mWebSetting.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);  		mWebSetting.setJavaScriptEnabled(true); //		mWebView.loadUrl("http://news.dahe.cn/2015/08-11/105436453.html");		linkCss = "<style type=\"text/css\"> img {" +				"width:100%;" +				"height:auto;" +				"}" +				"body {" +				"margin-right:15px;" +				"margin-left:15px;" +				"margin-top:15px;" +				"font-size:45px;" +				"}" +				"</style>";		mWebView.setWebViewClient(new WebViewClient(){						@Override			public boolean shouldOverrideUrlLoading(WebView view, String url) {				Log.i("DD", "======="+url);//				mWebView.loadData(linkCss, "text/html", "utf-8");				view.loadUrl(url);				return true;			}		});				content = "<p><img  src=\"http://img5.imgtn.bdimg.com/it/u=3572074785,265614668&fm=21&gp=0.jpg\" alt="webview 中使用css适配简单的页面_html/css_WEB-ITnose" >hahahha</p>";				// 加载本地css 不行 不能读取//		linkCss = "<link rel=\"stylesheet\" href=\"file:///android_asset/img.css\" type=\"text/css\">";				html = "<html><header>" + linkCss + "</header>" + content + "</body></html>";				mWebView.loadData(html, "text/html", "uft-8");			}	@Override	public boolean onCreateOptionsMenu(Menu menu) {		getMenuInflater().inflate(R.menu.main, menu);		return true;	}}

登录后复制

只对文字和图片做了控制。