javascript - 调整 iScroll 4 的大小以 100% 适合任何设备

Question

我正在尝试调整包装的大小，以便在 iPhone、iPad 或计算机上查看时，我的网站 100% 都在 View 中。我已使用 <ul> 将图片放入滚动条中和<il>方法。
目前，我的电脑上可以看到所有内容，但在 iPhone 上，图片会被 chop 。它允许我水平和垂直滚动我的图片，但需要调整包装的大小，以便我的图片更小。
任何帮助都会很棒。提前干杯

Answer 1

您没有提供任何代码，因此这些代码可能对您有帮助:

1. 当浏览器调整大小和 window.onload 时，为包装器设置适当的宽度/高度。因为在 window.onload 之前我们不知道设备处于横向还是纵向模式。 Here更好地解释了如何调整浏览器宽度/高度的大小。

2. 检查您的图像宽度/高度。也许图像的尺寸比wrapper更宽。您可以将图像的宽度/高度设置为百分比。

3. 并且不要忘记在浏览器调整大小时刷新 iScroll。你可以这样做:

   setTimeout(function(){myScroller.refresh()}, 400);//浏览器需要时间来旋转