Question

我正在以网站的形式为大学项目建立一个iPad杂志，以展示我提出的设计的一些功能（现实应用程序当然是原生iOS）

我已经看过像Sencha这样的一些框架，这些框架对于我想要的东西似乎有点过分，似乎想要在JavaScript中做所有事情而不是将其保留到HTML / CSS然后在顶部添加交互。我也看过jQuery UI iPad，这似乎是最有希望的，但我可以做一些帮助让它工作。以下是它的演示：http://jsfiddle.net/blackdynamo/yxhzU/

以下是我的网页示例页面：http://driz.co.uk/ipad/

我需要帮助的是让DIVS在行中彼此相邻然后添加交互，当用户向左，向右和向上和向下滑动时，它将在不同的DIVS之间跳转，就好像它们是页面/杂志的各个部分。

这是一张图片，显示了如何理想地安排DIVS，因此用户可以在左右两个部分之间移动，然后通过上下滚动在该部分内滚动。 http://driz.co.uk/ipad/plan.png

任何人都可以帮我解决这个问题吗？感谢负担！

Answer 1

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

我不完全确定div，对不起。希望这会有所帮助。

iPad使用滑动手势导航全尺寸页面div

1 个答案: