我试图使用WebView显示一个大图像与内置的多点触控并试图避免内存崩溃.
我这样设置webView：
setInitialScale(20);
WebSettings settings = getSettings();
settings.setJavaScriptEnabled(true);
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewmode(true);
settings.setSupportZoom(true);
settings.setBuiltInZoomControls(true);
然后加载以下代码：
<head> <Meta name="viewport" content="width=device-width,user-scalable=yes" /> </head> <body style="margin: 0; padding: 0"> <img alt="image" src="THE_SRC_GOES_HERE" id="theImage" > </body>
问题是,如果它加载一个中等的图像(例如1600×1200),它的效果很好,图像符合屏幕宽度.
但是,如果我的示例中的图像大于7300×5200,它看起来像放大并且缩小禁用.
如果你想测试图像urls是：
注意：我不是该图像的所有者,我只用它进行测试
解决方法
我认为您的图像默认情况下仍然比视口大.尝试这个
<html> <head> <Meta name="viewport" content="width=device-width,user-scalable=yes" /> </head> <body style="margin: 0; padding: 0"> <img alt="image" src="http://www.deviantart.com/download/165022929/Wallpaper_2010_by_scrumen.png" id="theImage" style="width:100%" > </body> </html>
