android webview加载h5图片太大超出屏幕,js控制无效

 PHP   高蒙   阅读(3296)   评论(0)   2016-09-08 17:20:04    android webview 


在h5页面中,通过js控制显示的并排三张图,并且等比例的显示大小。当ios加载页面之后,查看效果,很好,但是,但打开android的时候,js控制图片的大小失效了,页面也超出了屏幕。展示出来的效果真的很糟糕。于是,我就查找是不是h5页面的问题,调试了半天依然没有进展。于是乎,问android开发,会不会是他那边设置的问题呢。因为,在ios里面展示的效果是正常的。通过努力,终于找到了解决的方法。主要还是在android那边设置参数。

下面的解决方法适用于页面打开能正常显示,android端无效的情况。在android webview里面设置的即可。

要是你本来浏览器中就显示的不正常,那么还是先把pc展示搞定再说吧。

第一、android开启页面支持js。

第二、加入下面这段代码即可。

webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

通过上面的操作,很轻松的就解决了,android加载h5页面,js控制图片大小失效的问题。





相关文章



我要评论


站长昵称:(*)

输入内容:


评论列表


高蒙

男,程序猿一枚

 

人生要是没有理想, 那跟一条咸鱼有什么分别。


关于我

  http://www.shuchengxian.com

高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布php开发中遇到的问题以及解决办法,同时个人博客也分享网站模板素材,jquery插件等方面素材。


站点声明:相关侵权、举报、投诉及建议等,请发E-mail:936594075#qq.com(#替换成@)。

Copyright © 2018, www.shuchengxian.com, All rights reserved. 个人博客皖公网安备 34152302000022号 皖ICP备15015490号

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客