iPad的简单HTML布局

我正试图准备一个简单的布局设计，将所有设备的工作。我现在对iPad有问题。整个网页不应该是可滚动的，但iPad会尝试在其边界之外强制和滚动网站（我认为它被称为覆盖滚动，这会给你一种更平滑的感觉）。如果覆盖滚动仍然存在，我对此没有什么问题，但主要问题是：

• 当我打开网页并尝试滚动可垂直滚动的内容（左白色内容或右红色内容）时，整个网页滚动，而不是div本身

• 如果我尝试滑动滚动内容，有时它会工作，有时整个网页会再次滚动。这完全是不可预测的。有人能帮我举个普朗克的例子吗

---

我认为为移动设备制作一个单独的css文件是必要的。当然，我们首先使用的是bootstrap。

您必须使用特定设备的媒体查询。这是用于ipad的横向或纵向模式。请尝试一次。您可以在相同的css文件以及不同的文件中尝试

@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{/*样式在这里*/}

使用引导进行响应性设计。您只需要引导CSS文件（如果需要，还需要您自己的文件来覆盖这些样式）。嘿，当然我们用的是引导。问题仍然在于iPad上的滚动内容。