Javascript 当浏览器尺寸减小时，如何使网页滚动？_Javascript_Html_Css_Css Float

Javascript 当浏览器尺寸减小时，如何使网页滚动？

javascript html css

Javascript 当浏览器尺寸减小时，如何使网页滚动？,javascript,html,css,css-float,Javascript,Html,Css,Css Float,我在我的web应用程序中使用HTML和CSS。我已经在一个表中定义了我的所有属性。当我更改浏览器的大小时，所有组件都将刷新在一起例如，当我在youtube上缩小浏览器大小时，会出现一个水平滚动条，允许浏览网站，但不会更改主页上的任何内容。我想为我的web应用程序实现类似的功能在网页内部，我尝试将所有内容放在一个div中，然后使用css样式overflow:sroll。但这毫无帮助我的网页里有一个iframe <body> <table> &l

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

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

在网页内部，我尝试将所有内容放在一个div中，然后使用css样式

overflow:sroll

。但这毫无帮助

我的网页里有一个iframe

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

我不能发布我的全部代码，因为它太长了。超过1000行。

不确定代码是否溢出：sroll是打字错误，您只需将

sroll

改为

scroll

另外，可能是因为以后定义了

溢出

属性的其他CSS代码段，您可以尝试将其添加到CSS代码中：

body {overflow:scroll!important;}

首先，
```
！重要信息
```
添加到
```
溢出：滚动
```
使其比后面定义的
```
溢出
```
属性更重要
其次，您不需要将其包装在
中，这样更方便

对于其他元素，只需添加

style=“overflow:scroll；”“

或

style=“overflow:scroll！important；”“

，以防确实需要再次更改

overflow

属性

将“overflow-y:auto；”属性添加到css中，以便在调整大小时执行滚动

我真的对您的问题感到困惑：

如果您需要在iframe中使用滚动条，可以使用类似以下内容的

scrolling=“yes”

：

如果您的问题与div中的内部滚动有关，则必须使用

overflow-x:scroll

和

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
}

我希望它能帮助你，敬礼

要实现滚动，您必须首先定义高度，例如，如果高度为200px，则如果浏览器将其大小减小到200px以上，则只有溢出：滚动；如果可以，请确保您使用border进行演示，以便稍后尝试使用overflow，它应该会起到一定的作用

当您减小页面大小时，此任务将在浏览器中自动完成。阅读此链接您不应使用表进行布局，因为您有CSS。