Question

我在整个网站和网上都研究过这个问题，似乎无法找到解决方案。我有一个非常简单的网站，中间有一个视频播放器。

我似乎无法弄清楚如何制作滚动条，以便您在iPad或iPhone上打开网站时可以看到所有内容 - 或者当您缩小浏览器窗口时，

这对iPad来说是个大问题，因为这意味着观众无法播放视频播放器。我该如何解决这个问题？

我一直在想我的CSS中有一些东西导致了这个问题。但也许可以使用我的文档头部中的一行简单的javascript来修复它？

我添加了溢出：滚动;我的身体标签已经......无济于事。

以下是我正在使用的CSS，我认为可以解决这个问题：

body {
    border: 0;
    vertical-align: baseline;
    list-style: none;
    text-decoration: none;
    line-height: normal;
    margin: 0;
    padding: 0;
    background: #195f88;
    background-image: url(../images/subtle-pattern-10.jpg);
    font-size: 14px;
    overflow: scroll!important;
}

Answer 1

第一件事是第一件事 - 这个网站的HTML代码写得很糟糕。非常糟糕。如何将内容区域放在侧边栏div中？为什么使用（非常）大的相对位置声明定位？为什么边栏固定在第一位？

我担心没有人（我知道）可能会帮助你，除非你重构你的代码。问题是，您的页面目前没有维度 - 因为所有内容都是浮动的或位置固定的，所以页面的“流程”中没有任何内容，因此从技术上讲，您无需显示任何内容，只要浏览器可以看到。你的运气是你没有

#wrap { overflow: hidden; }

尝试一下 - 看看会发生什么来证明我的意思。

当浏览器窗口较小时，如何显示滚动条？

1 个答案: