Javascript Div框架适合100%的窗口大小

Javascript Div框架适合100%的窗口大小,javascript,jquery,html,css,parallax,Javascript,Jquery,Html,Css,Parallax,我的开发人员给我留下了一大堆问题,我现在正试图自己解决。我的回应网站有一个框架,是专为适应窗口大小,当你改变窗口大小的框架将相应地调整大小 我遇到的问题之一是在网站的底部,通常在桌面上,当你滚动时,文本的两部分会一个接一个地隐藏和显示;然后在较小的平板电脑/移动设备上,这种效果会被关闭,而是将它们堆叠在彼此的顶部,这很好,我知道对于移动设备,会出现一些权衡 问题是我无法让框架填充窗口大小。我正试图找到如何解决这个问题,但还没有与基本的数字值改变等运气。任何帮助是感激的 试试这个CSS div

我的开发人员给我留下了一大堆问题,我现在正试图自己解决。我的回应网站有一个框架,是专为适应窗口大小,当你改变窗口大小的框架将相应地调整大小

我遇到的问题之一是在网站的底部,通常在桌面上,当你滚动时,文本的两部分会一个接一个地隐藏和显示;然后在较小的平板电脑/移动设备上,这种效果会被关闭,而是将它们堆叠在彼此的顶部,这很好,我知道对于移动设备,会出现一些权衡

问题是我无法让框架填充窗口大小。我正试图找到如何解决这个问题,但还没有与基本的数字值改变等运气。任何帮助是感激的

试试这个CSS

div {width: 100%; height: 100%;}
div {position: absolute; top: 0; left: 0;}

在您的问题中,当我们为小型设备调整窗口大小时,jquery is append的效果是

螺旋销垫片


不显示检查您的jquery是否可以为小型设备隐藏此问题

无法在chrome或firefox中复制问题您使用的是哪种浏览器?chrome。我在Firefox上测试过,它也在测试。你的屏幕分辨率是多少?我使用的是2k 21:9比例的屏幕,但问题仍然存在于我的1080x1920上,不管怎样,这应该很重要,因为问题发生在比这些小得多的窗口上。好的,因为我看不到任何代码,我不确定问题的原因。但是我建议您使用css:html,body{height:auto!important};尝试禁用scrollmagic,也尝试不让自己在窗口收缩时禁用,但仍然没有任何结果。我想这是我无法解决的。