0

私はAndroidのタブと電話でhtmlファイルをテストしています。メタViewPortを使用したさまざまな解像度のビューポート：

<meta name="viewport" content = "width=device-width , target-densityDpi=device-dpi , user-scalable = no , initial-scale=.51,maximum-scale=0.51,minimum-scale=0.51"/>

しかし、それが機能しないということは、私のBG画像を拡大縮小しないことを意味します。

私もそれを試してみました：

<meta name="viewport" content = "width=device-width;target-densityDpi=device-dpi ; user-scalable = no ;initial-scale=.51;maximum-scale=0.51;minimum-scale=0.51"/>

唯一の違いは';'です しかし、logcatはビューポートが無視されていることを示しています

なぜこれが起こっているのか分かりません

これは私のcssファイルです：

body {
background-repeat: no-repeat;
margin: 0;

}

div { width: 1280px; height: 670px; }
home {

background-image: url('../images/abc_title.png');
width: 1280px;
height: 670px;
background-repeat: no-repeat;

}
abc_slide {

position: relative; background : transparent;
width: 129px;
height: 76px;
background: transparent; width : 129px; height : 76px;
margin-top: 80px;
margin-left: 80px;
        border: thin;

}
song_slide {

position: relative;
background: transparent;
margin-top: 80px;
margin-left: 80px; width : 129px;
height: 76px;
width: 129px;
    border: thin;

}

HTML：

ここに画像の説明を入力してください

これらの設定を使用すると、タブ27に次の状況が表示されます。

ここに画像の説明を入力してください

繰り返しのない巻物を追加した後、すでにそこにあります。

4

2 に答える 2

2

まず、コンマは次のようにcontent属性の正しい区切り文字です。

<meta name="viewport" content="width=device-width, target-densitydpi=device-dpi, user-scalable=no, initial-scale=.51, maximum-scale=0.51, minimum-scale=0.51"/>

そこには余分なスペースもありました。AndroidでのWebKitの実装がそれを許容することを願っていますが、とにかく注意してください。:)

デフォルトでは、Worklightで生成されたAndroid環境でのみnormalScreens有効になっています。あなたが示す幅/高さの数字とそれがタブレットであるということから、Androidで言えば「大画面」を持っているのではないかと思います。AndroidManifest.xml次のセクションを確認してください。

<supports-screens
    android:smallScreens="false"
    android:normalScreens="true"
    android:largeScreens="false"
    android:resizeable="false"
    android:anyDensity="false"
    />

Androidのドキュメントに従って必要に応じて調整します。

android:scrollbars="none"のWebViewXML要素で設定することもできますAndroidManifest.xml。この質問に対する2番目の回答を参照してください。

于 2013-06-24T16:49:38.110 に答える
2

webViewでビューポートを使用するには、 setUseWideViewportとsetLoadWithOverviewModeを有効にする必要があります。そうしないと、WebViewはメタビューポートタグを無視します。

mWebView.getSettings().setUseWideViewPort(true);
mWebView.getSettings().setLoadWithOverviewMode(true);

参照：WebViewのピクセルパーフェクトUI

于 2016-10-18T11:40:17.107 に答える