0

我正在为 android 开发的应用程序中的图像分辨率存在问题。一个页面上的几句话图像很难看到，而在另一个页面上你可以很好地看到。两个图像的 css 和 html 是相同的，因此我无法解释它是如何可能的。我附上图片帮助大家理解，截图来自三星galaxy s3！

如您所见，在这张照片中很难看到计时器

但在这张照片中你可以清楚地看到

这是元：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densityDpi=device-dpi;" />

编辑：我注意到当data-role =“content”中有一个“ul”时会出现问题。我试图从存在分辨率差的图像的页面中删除“ul”，实际上问题消失了......

代码清单：

 var link_markup ='<li id="list1"><a onclick="rowSelectedCardio()" href="#" class="ui-link-inherit"><p style="white-space: normal">'+stringCardio+'</p></a><span><img src="img/'+color+'"></span></li>';

$(link_markup).appendTo('#listaCardio');

和CSS：

 .scrollable {

   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
  }

.classListCardio li {
    background:#9D9D9C;
    max-height:45px;
    height:45px;
    margin-bottom:0px !important;
    padding:0px !important;
    border-bottom-width:1px;
    border-bottom-style:solid;
    }

.classListCardio img {
margin-top:17px !important;
height:11px !important;
width:7px !important;
}

.classListCardio li a {
height:35px !important;
width:95% !important;
float:left;
}
4

2 回答 2

1

您是否尝试过删除target-densityDpi .. 它现在已被弃用并从 webkit 中删除：

http://trac.webkit.org/changeset/119527

所以尝试以下任何一种方法。这只是声明了target-density：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no; target-density=device-dpi;" />

而这个，没有目标密度：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

或这个：

<meta name="viewport" content="width=device-width,initial-scale=1">

由于target-densityDpi已删除.. 尝试上述任何视口元标记

于 2013-10-11T13:50:45.677 回答
0

解决了：

问题是由z-index赋予图像的属性引起的，

删除z-index，问题消失了

于 2014-01-14T08:56:03.793 回答