6

以下の 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>
4

2 に答える 2

13

同じ質問があり、答えが見つかりました！
あなたの場合、必要なもの：

WebSettings settings = webView.getSettings();
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
于 2011-03-21T15:33:52.080 に答える
0

部分的に解決され、ダブルタップで拡大縮小できるようになりました:

webView.getSettings().setUseWideViewPort(true);

編集: いいえ、私は間違っていました... テスト HTML を変更したところ、ビューポート幅 - 640px ではなく、ページ幅 - 1000px にスケーリングされることがわかりました。

<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>
于 2010-12-23T03:45:10.600 に答える