响应式网站在不同 android 设备（如平板电脑和手机）上具有清晰的图像质量？

Question

我正在使用 webview 显示网站 URL。实际上，该网站包含文本和图像。当我打开我的应用程序时，自动 url 可以访问并可以直接进入该网站。因此用户可以单击主屏幕（在网站上）中的任何内容来查看他们的产品。这就是曾经用Webview做过的一个程序。

我能够以编程方式通过三星移动设备上的 android 应用程序查看该网站。但是无法通过 APK 在平板电脑和其他移动设备等不同 android 设备上看到清晰的网站。还有其他解决办法吗？

当我在不同的 android 设备（如平板电脑）上测试图像时，图像没有正确地适合网络视图。

这些网站将如何与 webview 一起工作（使用 Bootstrap 已经在网站中构建的图像和文本对齐方式）？

我的代码是：

wv=(WebView)findViewById(R.id.webView1);
    wv.setWebViewClient(new MyWebViewClient());
    String url="http://192.169.11.15/CustomerCentric";
    wv.getSettings().setJavaScriptEnabled(true);
    wv.loadUrl(url);
}

   private class MyWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
}

在Xml,

 <WebView
    android:id="@+id/webView1"
    android:layout_width="match_parent"
    android:layout_height="fill_parent" />

在模拟器中，我可以看到这样的输出，但一点都不清楚！

Answer 1

原因是，

第 1 步：在 HTML 中，高度应设置为自动调整或以像素为单位而不是百分比。因此，该网站 url 可能支持使用 Webview 的所有不同 android 设备。因此，Webview 引擎没有高级功能。我使用过旧的 webkit 引擎。

第2步：如果你没有像我上面提到的那样在HTML中设置高度，那么可以使用chromium webview。它具有高级功能。例如，如果您没有将 html 中的高度设置为自动调整或以像素为单位，那么 chromium webview 将自动缩放高度。从4.4以上开始设计这个chromium webview。如果您也没有给出任何高度，这个 chromium webview 将自动设置以像素为单位的高度。这样网站才能在不同的 android 设备（包括平板电脑和手机）上正常显示。

这些是原因 - 所以这个网站只能在 4.4 版本的三星移动设备上运行，但在平板电脑和手机（较低版本）等其他设备上不支持它。所以画质不好！

响应式网站在不同 android 设备（如平板电脑和手机）上具有清晰的图像质量？

Responsive website on different android devices like tablets and mobiles with a clear image quality?

android

webview