Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Can';我不知道盒子大小、媒体查询或javascript_Javascript_Css_Media Queries - Fatal编程技术网

Can';我不知道盒子大小、媒体查询或javascript

Can';我不知道盒子大小、媒体查询或javascript,javascript,css,media-queries,Javascript,Css,Media Queries,我一辈子都搞不懂这个。我正在建立一个网站:我已经建立了一个侧边栏,在页面的某个部分跟随你。在我发现这只虫子之前,我对它非常满意 如果在Windows计算机上以Chrome打开,并将浏览器宽度调整为781到798 ish之间,侧边栏将固定在页面内容上:( 出于某种原因,我的媒体查询似乎是在低于780px的最大屏幕宽度之前激活的 任何帮助都会让人震撼!有几种方法可以解决这个问题。您的JavaScript正在修复您的#followbar,您可以在那里进行编辑,也可以将其添加到@媒体屏幕下的css中,并

我一辈子都搞不懂这个。我正在建立一个网站:我已经建立了一个侧边栏,在页面的某个部分跟随你。在我发现这只虫子之前,我对它非常满意

如果在Windows计算机上以Chrome打开,并将浏览器宽度调整为781到798 ish之间,侧边栏将固定在页面内容上:(

出于某种原因,我的媒体查询似乎是在低于780px的最大屏幕宽度之前激活的


任何帮助都会让人震撼!

有几种方法可以解决这个问题。您的JavaScript正在修复您的
#followbar
,您可以在那里进行编辑,也可以将其添加到
@媒体屏幕下的css中,并且(最大宽度:780px)


这只是一个快速解决方案。您的JavaScript可能需要一些调整,但这会解决它。

+1因为我最近遇到了类似的问题,无法解决它。.webkit的乐趣。您是否尝试过一个小页面内容,看看srollbar是否会影响浏览器大小。?如果您在页面大小调整后的状态下重新加载,它会工作吗?I如果我在调整大小的状态下重新加载,我仍然会遇到问题,是的。这是因为除了调整大小和滚动外,我还有加载事件的事件处理程序。非常感谢!JavaScript有什么提示吗?你知道,不要使用相对或继承,而是使用静态。这应该可以处理我看到的每个问题。你的JavaScript正在完成它的工作。我想应该怎么做值得注意的是,780px媒体查询是在JavaScript的查询之前触发的,因此JavaScript仍然像我们在桌面版本上一样工作,而CSS正在应用移动功能。如果编辑该值,而不是If(宽度>780/*此值*/)这可能就可以了。但是CSS修复程序应该可以解决这个问题。我不太确定。我看不出媒体查询提前触发的原因。对我来说唯一有意义的是定位。我使用了*{box size:border box}重置(当然有所有适当的前缀)我想这可能会把侧边栏从显示内联块的位置上推出来,但我也没能用这个方法修复它。
#followbar
{
    position:static !important;
}