Question

我在我的网络应用程序中使用HTML和CSS。我在表格中定义了所有属性。当我更改浏览器的大小时，所有组件都会一起刷新。

例如，当我在youtube上缩小浏览器大小时，会出现一个水平滚动条，它允许浏览网站，但不会更改主页上的任何内容。我想为我的网络应用程序实现类似的功能。

在网页中我尝试将所有内容放在div中，然后使用css样式overflow:sroll。但它没有任何帮助。

我的网页中有一个iframe。

<body>
    <table>
        <!--web content--> 
        <iframe></iframe>
    </table>
</body>

我不能发布我的整个代码，因为它的方式很长。它超过1000行。

Answer 1

不确定代码overflow:sroll是否是拼写错误，您只需将sroll改为scroll即可。

另外，也许是因为稍后其他CSS代码段定义了overflow属性，您可以尝试将其添加到您的CSS代码中：

body {overflow:scroll!important;}

首先，!important被添加到overflow:scroll以使其更重要 - 比后来定义的overflow属性更重要。
其次，您不需要将其包裹在<div>中，这样更方便。

对于其他元素，只需添加style="overflow:scroll;"或style="overflow:scroll!important;"，以防您确实需要再次更改overflow属性。

Fiddle

Answer 2

添加“overflow-y：auto;”属性进入css以在调整大小时执行滚动

Answer 3

我真的很困惑你的问题：

如果您需要iframe中的滚动条，则可以scrolling="yes"使用overflow-x:scroll：

如果您的问题是关于div中的内部滚动，则必须使用overflow-y:scroll和@media screen

如果您的问题是关于调整浏览器行为的大小，可以使用@media screen and (max-width: 480px) { //SOMETHING OF CSS HERE } /* Some android phone portrait screen width*/ @media screen and (min-width: 321px) and (max-width: 360px) { //SOMETHING OF CSS HERE }

示例：

{{1}}

我希望它能帮助你，SALUT！

Answer 4

要实现滚动，您必须首先定义高度，例如，如果高度为200px，那么如果浏览器减小其大小超过200px，则只有overflow：scroll;将工作，请确保您使用border为演示目的，以后表或div尝试使用溢出，它应该做一个技巧

如何在浏览器大小减小时使网页可滚动？

4 个答案: