1

在四处寻找解决方案后，我厌倦了尝试找到的每一根稻草。

所以，我的情况是这样的：

我有一个div带有浮动图像的滚动条，我正在使用它scrollLeft，offsetLeft并style.width动态扩展它div。

现在，虽然这在 iOS 和 PC 上运行良好，但在 Android (7") 上，scrollLeft价值缩小了近 50%！但是style.width价值并没有像其他人一样缩小。

这将是我的项目的 css：

.slider-item {
  margin: 0 13px 0 0;
  width: 300px;
  float: left;
  height: inherit;
}

我的viewport：

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

我的问题：

  • 从 HTML/JS 的角度来看，是否有完整的 webview 指南？因为大多数时候我偶然发现了有必要调整android-app的解决方案——我想避免这种情况。

  • 如何使用 JavaScript 或正确的 style.width 分别确定我的设备的适应比例和正确的图像位置？

如果有人可以向我解释这一点，我会很高兴！

PS.：刚刚发现了一个额外的错误：当我向左滚动一些元素时，到目前为止，我到达了空白区域；然后点击空白区域，它实际上打开了其中一个元素的链接，现在已经看不见了！但是我点击的点将适合实际位置，元素应该在正常显示上。

我对这个o_O很迷茫

编辑：我错误地将 wronk 变量放在这里：它是syle.width我的滑块项目的，这是错误的，而不是他们的offsetLeft.

使用@media 可能是不可能的，因为我的window.innerWidth 在android 上是1280px，在iOS 上是1024。两者都为我的 300px 滑块项目显示offsetWidthorwidth属性 - 但 AndroidscrollLeft显示 155px，当我已经滚动了一张应该是 300px 宽的整张图片时 - 这就是问题所在。

4

1 回答 1

0

您是否尝试过使用 WebView 初始比例？像这样：webView.setInitialScale(100);

于 2013-07-05T16:31:31.313 回答