移动网站CSS在devtools中看起来与实际设备不同,但我找不到替代

时间:2020-08-22 09:00:04

标签: css wordpress mobile plugins google-chrome-devtools

我正在wordpress / woocommerce网站上工作(如果很重要,请使用Flatsome主题),并且在移动菜单覆盖上出现一些CSS问题。当我使用chrome开发工具预览移动网站时,一切看起来都如预期(居中的选项,足够大以便于使用等),但是当在实际设备上查看网站时,菜单会在很小的范围内被强制边缘化,局促的斜体字体。我似乎无法弄清楚它在哪里被覆盖,或者为什么它看起来从开发工具到实际使用都不同。

根据开发工具,这应该是这样的: MENU-CHROME-EMULATION

但这实际上是这样的: MENU-ACTUAL-ANDROID

我的网站是:TARGET-WEBSITE-CITRUSBOOKBINDERY

1 个答案:

答案 0 :(得分:0)

发现它!实际上,这是与SG Optimizer插件而不是CSS问题发生冲突的原因,这就是为什么我这么长时间找不到它的原因。我以为我已经检查了所有插件,但一定错过了。我会保留这个问题,以防它可以帮助别人。