Android webview链接使用精灵图像未对齐

时间:2013-04-21 05:35:11

标签: android android-layout android-webview

我有一个非常奇怪的问题并不一致。我的webview页面中有一个标题,它是我网站上的常规HTML。图像链接到页面。有时链接不起作用,有时它们会起作用。如果我将手指移动到图像下方,有时您会看到矩形突出显示的按下颜色框显示但与实际图像不同。它只是在一个随机点,但总是低于图像的某个地方。所以链接href和图像每说不同步。如果我重新加载页面,它将再次处于正确的位置,图像/按钮可以正常工作。它并不总是发生。适用于桌面和移动浏览器。在webview中奇怪。无论如何,有这样的建议或经验以及为什么它如此随机?

2 个答案:

答案 0 :(得分:0)

像这样使用

String s="<head><meta name=viewport content=target-densitydpi=medium-dpi, width=device-width/></head>";  

webview.loadDataWithBaseURL(null,s+htmlContent,"text/html" , "utf-8",null);  

更多参考资料

http://developer.android.com/guide/webapps/targeting.html

在三星s3之类的手机中,有时这不起作用。为此为xhdpi手机创建单独的布局,并根据您避免空白的要求将webview的高度更改为40dp。

答案 1 :(得分:0)

问题不仅仅是webview它一般是移动的,特别是我认为webview使用的Android浏览器。我的标题是position:fixed,经过大量研究后发现position:fixed在移动设备上出现了问题,导致奇怪的事情发生。即使图像从未移动,这也会导致clickable location链接在您滚动时失去位置。因此,当您单击图像/链接时,它无法正常工作,因为链接的位置位于页面上的其他位置,通常位于图像的某处。

正如此博客解决方案所述,该解决方案描述了我的问题。 http://suratpyari.wordpress.com/2011/09/30/fixed-position-problem-with-android-webkit/

然而我使用的解决方案是根本不使用position:fixed,因为我不想要css hacks并使用position:absolute使用下面的SO链接使用的解决方案来制作内部{ {1}}可滚动。它实际上工作得很好,滚动现在更加流畅和流畅。

CSS 100% Height, and then Scroll DIV not page

所以其他可能有这个问题的人,可能是你的固定标题。这对于投票我的问题的人来说是“真正的”问题。 :/