调整iScroll 4的大小以适应任何设备的100％

Question

我正在尝试调整我的包装器的大小，因此当在iPhone，iPad或计算机上查看时，我的网站100％可见。我已使用<ul>和<il>方法在我的滚动条中放置了图片。
目前，我的计算机上的所有内容都已显示，但在iPhone上，图片正在被切断。它允许我水平和垂直地滚动我的照片，但需要调整包装器的大小，以便我的照片更小。
任何帮助都会很棒。提前干杯

Answer 1

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

1. 在浏览器调整大小和window.onload时，为您的包装器设置正确的 宽度/高度 。因为我们不知道设备处于横向或纵向模式，直到 window.onload 。 Here更好地解释了如何调整浏览器宽度/高度。
2. 检查图像宽度/高度。也许图片的尺寸比包装更宽。您可以将 width / height 设置为以百分比形式显示。

3. 当浏览器调整大小时，不要忘记刷新iScroll。你可以这样做：

   setTimeout(function(){myScroller.refresh()}, 400); // browser need time to rotate