如何在安装速度/缓存插件后修复移动头?

时间:2019-04-02 作者:Ben Blue

在安装(和卸载)AutoOptimize、Async JavaScript、BJ Lazy Load和利用浏览器缓存插件之后,我的标题在页面加载时来回移动,您能帮我找到修复方法吗?

我对CSS很在行,但找不到修复的罪魁祸首。如果您单击该链接,您很可能会看到左上角的徽标和菜单项来回移动大约一个像素(没有在所有设备和屏幕大小中测试此错误-我在Mac上的Chrome中看到)。

我在研究页面速度,其中一个插件就是这么做的。在删除了所有四项之后,它仍在这样做。(下面的链接仍然处于激活状态,但我使用另一个临时站点进行了测试,删除了它们,但没有改变。)

你能帮我想出一个CSS补丁吗?我每天都使用开发工具控制台——有没有办法在页面移动的时候“冻结”或停止页面加载,这样我就可以检查CSS并与页面加载的时间进行比较——可能类似于JavaScript中使用断点的方式?

不用说,在备份和/或使用临时站点测试这些插件方面学到的经验教训。或者在这种情况下是一个临时站点!

谢谢

http://04a.b95.myftpupload.com

1 个回复
SO网友:Ben Blue

我发现这个CSS:@media only screen and (min-width: 800px) { .no-overflow-y body { padding-right: 9px !important; } }

并将其更改为@media only screen and (min-width: 800px) { .no-overflow-y body { padding-right: 0px !important; } }

这就解决了问题。

相关推荐

为什么子菜单项的背景颜色不会因css而改变?

我正在开发基于Accelerate by ThemeGrill的儿童主题。我正在尝试更改子菜单项的背景色。但是,它不受任何选择器的影响。我尝试在其他CSS选项中添加以下内容:*{ color: #00df00 !important; background-color: #50df50 !important; background-image: none !important; } 这会导致页面中的每个项目都是绿色的,但子菜单的背景仍然是灰色