Question

我的打开屏幕上有一些图像，有些在页面上，有些则不是我将apk安装到手机中。我试图找到一个解决方案，但没有一个适合我。知道为什么会出现以下情况吗？

<link rel="stylesheet" href="file:///android_asset/www/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet" type="text/css" href="file:///android_asset/www/css/main.css" />
<link rel="stylesheet" href="file:///android_asset/www/css/jqm-icon-pack-fa.css" />

<script src="file:///android_asset/www/js/jquery-1.11.2.js"></script>
<script src="file:///android_asset/www/js/jquery.mobile-1.4.5.js"></script>

奇怪的事情;

适用于我的LG G2（4.4.2）
它在三星S2（4.2.2）中不起作用，即使图像在同一个文件夹中，它们都是.jpg格式，第一个div中的图像工作，第二个div中的图像不工作。

同一个html中的工件;

    <div data-role="header" style="padding-top:20px;">
        <center><img style="padding-bottom:10px;" src="file:///android_asset/www/images/openingPage/logo.png" />
        </center>
        <center><img style="max-width:100%;" src="file:///android_asset/www/images/openingPage/header_image.jpg" />
        </center>
    </div>

根本不工作的作品; （我看不到div中表格中的图片，可以在浏览器，模拟器，Android版本4.4.2的LG G2中使用！）

<div data-role="main" class="ui-content">
            <table style="width:100%; margin-top:3%;">
                <tr>
                    <td>
                        <a href="./19.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/1.jpg" />
                            </center>
                        </a>
                    </td>
                    <td>
                        <a href="./27.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/2.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
                <tr>
                    <td style="padding-top:5%;">
                        <a href="./116.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/3.jpg" />
                            </center>
                        </a>
                    </td>
                    <td style="padding-top:5%;">
                        <a href="./132.html" data-transition="fade">
                            <center><img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/4.jpg" />
                            </center>
                        </a>
                    </td>
                </tr>
            </table>
        </div>

MainActivity;

public class MainActivity extends Activity {
    private WebView mWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mWebView = (WebView) findViewById(R.id.webView1);
        // Enable Javascript
           WebSettings webSettings = mWebView.getSettings();
           webSettings.setJavaScriptEnabled(true);
           webSettings.setDomStorageEnabled(true);
           //mWebView.setWebContentsDebuggingEnabled(true);
           mWebView.getSettings().setPluginState(PluginState.ON);
           mWebView.getSettings().setAllowFileAccess(true);
           mWebView.getSettings().setAllowContentAccess(true);
           mWebView.getSettings().setAllowFileAccessFromFileURLs(true);
           mWebView.getSettings().setAllowUniversalAccessFromFileURLs(true);

           mWebView.loadUrl("file:///android_asset/www/18.html");
    }

Answer 1

好吧，我很惊讶“中心”标签是造成问题的标签。当我从“ img ”标签的周围移除它时，对于带有4.2.2的S2，问题就消失了。

<div data-role="main" class="ui-content">
                <table style="width:100%; margin-top:3%;">
                    <tr>
                        <td>
                            <a href="./19.html" data-transition="fade">
                                <img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/1.jpg" />

                            </a>
                        </td>
                        <td>
                            <a href="./27.html" data-transition="fade">
                                <img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/2.jpg" />

                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-top:5%;">
                            <a href="./116.html" data-transition="fade">
                                <img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/3.jpg" />

                            </a>
                        </td>
                        <td style="padding-top:5%;">
                            <a href="./132.html" data-transition="fade">
                                <img style="max-height:58%; max-width:95%;" src="file:///android_asset/www/images/openingPage/4.jpg" />

                            </a>
                        </td>
                    </tr>
                </table>
            </div>

本地图像在4.4.2中很好，但在Android 4.2.2中的WebView上没有显示

1 个答案: