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

Question

我正在使用webview显示网站网址。实际上，该网站包含文字和图片。当我打开我的应用程序时，会自动访问URL并直接进入该网站。因此，用户可以点击主屏幕（在网站上）上的任何内容来查看他们的产品。这是使用Webview完成程序的原因。

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

当我在平板电脑等不同的Android设备上测试时，图像无法正确适应webview。

这些网站如何与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中设置高度，那么可以使用chrome webview。它具有高级功能。例如，如果您没有将html中的高度设置为自动调整或像素，则自动chrome webview将缩放高度。从4.4以上，这个铬webview已经设计好了。如果您还没有给出任何高度，则此chrome webview将自动设置高度（以像素为单位）。这样网站就能在不同的Android设备上正常显示，包括平板电脑和手机。

这些是原因 - 所以这个网站只适用于4.4版本的三星移动设备，但在其他设备如平板电脑和手机（较低版本）不支持它。所以图像质量不好！