0

我正在安卓标签和手机上测试 html 文件。不同分辨率的视口我使用了元视口：

<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：

在此处输入图像描述

通过这些设置，我在选项卡 2 7 上看到了以下情况：

在此处输入图像描述

添加无重复卷轴后已经存在。

4

2 回答 2

2

首先，逗号是内容属性中的正确分隔符，如下所示：

<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 实现能够容忍这种情况，但无论如何都要小心。:)

默认情况下，仅normalScreens启用了 Worklight 生成的 Android 环境。我怀疑，通过您显示的宽度/高度数字并且它是平板电脑，您有一个“大屏幕”，在 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. 请参阅此问题的第二个答案。

于 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 回答