使webview中的内容自适应屏幕大小

原创 2013年12月04日 15:24:20

private WebView pausePoster;


//设置暂停图片的webview初始化设置
        pausePoster.getSettings().setJavaScriptEnabled(true);
        pausePoster.getSettings().setUseWideViewPort(true);
        pausePoster.getSettings().setLoadWithOverviewMode(true);

        pausePoster.setVerticalScrollBarEnabled(false);
        pausePoster.setHorizontalScrollBarEnabled(false);


        file = new File(localAdUrl);
        String str = "<html>\n<head>\n  "
                + "<meta name=\"viewport\" content=\"width=device-width,user-scalable=no\"/>   "
                + "<style> html,body{background:transparent;margin:0;padding:0;}              "

                + "</style>\n    " 
                + "</head>\n" 
                + "<body>\n "
                + "<div style=\"width: 100%;height:100%;\">"
                + "<img name=\"gagImg\" style=\"width: 100%; height: 100%\" src=\"\"></div>"

                + "</body>\n " 
                + "<script type=\"text/javascript\">\n" 
                + "  window.onload=function(){var imgUrl= \"" 
                + file.getAbsolutePath()
                + "\"; " 
                + "document.gagImg.src = imgUrl;}" 
                + "     </script>\n" 
                + "</html>";
        String baseUrl = "file:///mnt" + Environment.getExternalStorageDirectory().getPath()
                + File.separator + Constant.PICSTOREDIR + File.separator + localAdUrl;
        pausePoster.loadDataWithBaseURL(baseUrl, str, "text/html", "utf-8", null);

相关文章推荐

解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

http://www.cnblogs.com/linguanh/p/4927353.html 解决 android 高低版本 webView 里内容 自适应屏幕的终极方法 转载请声...

Android webView 图片内容自适应屏幕

最近项目用到webview显示后台返回的富文本编辑器生成的html代码. 网上给出的方法基本如下: WebSettings settings = webView.getSettings();  set...

解决 android 高低版本 webView 里内容 自适应屏幕的终极方法

一,先说下我的情况,大家可以对号入座(嫌无聊请跳过)       我的项目要求是这样的,先从数据库里面拿出来html标签,因为加载到移动端的网页内容是用户在网页编辑好了之后提交到服务器的,即网页...

webview自适应屏幕

  • 2015年11月29日 22:30
  • 1.13MB
  • 下载

自适应屏幕大小的焦点图

  • 2012年10月25日 19:26
  • 3.84MB
  • 下载

android webview自适应屏幕

android方面的开发,包括手机端和机顶盒,也就是智能电视方面端的开发过程中,都不可避免的需要使用到webview,而针对于不同的分辨率而言,webview也需要做到自适应屏幕。那么,他应该怎样才能...
  • gan303
  • gan303
  • 2015年12月10日 09:10
  • 1943

iOS:webView中图片自适应屏幕的一种解决方案

ImageAutoFitInWebView结合JS解决用webVIew加载图片时图片自动适配屏幕的问题1、在标哥的博客中WebView图片自适应屏幕中,标哥提供了一种解决方案,然后我就试验了一下。发现...

ios navigationcontroller 滑动返回与webview加载html图片自适应屏幕宽度

1 、ios navigationcontroller 滑动返回 滑动返回是navigationcontroller默认返回按钮自带的功能,如果返回按钮自定义该功能失效, 解决的办法有两个:     ...

13、Android Webview图片自适应屏幕解决方案

图片过大,通过设置webview后字体又超小。网上的方法千篇一律尝试过程:1、设置// mWebview.getSettings().setUseWideViewPort(true);//让we...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使webview中的内容自适应屏幕大小
举报原因:
原因补充:

(最多只允许输入30个字)