java – 视口适合屏幕宽度和大图像

发布时间：2020-12-14 17:41:12 所属栏目：Java 来源：网络整理

导读：我试图使用WebView显示一个大图像与内置的多点触控并试图避免内存崩溃. 我这样设置webView： setInitialScale(20); WebSettings settings = getSettings(); settings.setJavaScriptEnabled(true); settings.setUseWideViewPort(true); settings.setLoadWithO

我试图使用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是：

img1&
img2

注意：我不是该图像的所有者,我只用它进行测试

解决方法

我认为您的图像默认情况下仍然比视口大.尝试这个

<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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!