Android WebView視口

Question

使用下面的html我預計綠色矩形只占據屏幕的一半，但實際上它占據整個屏幕寬度。 我為視口寬度嘗試了其他值，沒有運氣。 任何想法為什么它不起作用？

HTML

<html>
<head>
    <meta name="viewport" content="width=640" />
</head>
<body>
    <div style="width: 300px; height: 50px; background: green;">300px</div>
    <div style="width: 600px; height: 50px; background: yellow;">600px</div>
</body>
</html>

XML

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    >

    <WebView
        android:id="@+id/web_view"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        />
</LinearLayout>

Answer 1

我有同樣的問題，找到了答案！
在您的情況下，您需要：

WebSettings settings = webView.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);

Answer 2

部分解決，現在我可以通過雙擊擴展：

webView.getSettings().setUseWideViewPort(true);

編輯：不，我錯了...我改變了測試html，發現它擴展到頁面寬度 - 1000px，而不是視口寬度 - 640px。

<div style="width: 300px; height: 50px; background: green;">300px</div>
<div style="width: 600px; height: 50px; background: yellow;">600px</div>
<div style="width: 1000px; height: 50px; background: red;">1000px</div>

Android WebView視口

問題描述

2 個解決方案

解決方案1
13 已采納 2011-03-21 15:33:52

解決方案2
0 2010-12-23 03:45:10

Android WebView視口

問題描述

2 個解決方案

解決方案1 13 已采納 2011-03-21 15:33:52

解決方案2 0 2010-12-23 03:45:10

解決方案1
13 已采納 2011-03-21 15:33:52

解決方案2
0 2010-12-23 03:45:10