我有一个相当标准的导航栏,有一个包含链接到我的子站点的列表。我已经添加了一个汉堡包菜单图标到网站,它应该出现在小屏幕和移动屏幕。另外,我通过css媒体查询将链接的字体大小设置为零,从而隐藏链接.如果单击菜单图标,我将触发javascript函数,这将相应地增加/减少链接的fontsize。代码-包含复制所需代码的代码片段:var open
这个问题我已经有一段时间了,它似乎影响了我所有的页面。在对我的所有组件进行评论之后,我发现这个问题只有在使用react之后才会出现。我无法在检查的任何元素上找到任何额外的填充或空白,但是整个页面会向左滚动一些像素,并在整个页面的上到下留下一个空白,特别是在Chrome和Opera上。
我试图将自定义CSS添加到生成的类中,以强制100vw, 100%的宽度也使用!important对body标记做了同样的操作,但是问题仍然存在。还试图更改滑块上的settings,以确定其是否是由某些参数引起的,但仍然没有更改。所以我在代码沙箱上重新创建了一个简单的问题版本
body {