移动网站 CSS 在 devtools 中看起来与实际设备不同，我找不到覆盖

Posted 2023-03-06

【中文标题】移动网站 CSS 在 devtools 中看起来与实际设备不同，我找不到覆盖

【英文标题】：Mobile site CSS looks different in devtools to actual devices, and I can't find the override

【发布时间】：2020-12-11 12:29:52

【问题描述】：

我正在开发一个 wordpress/woocommerce 网站（如果很重要，请使用 Flatsome 主题），并且我在移动菜单覆盖方面遇到了一些 CSS 问题。当我使用 chrome 开发工具预览我的移动网站时，一切看起来都符合预期（居中选项，足够大以易于使用等），但是在实际设备上查看网站时，菜单被强制边缘到边缘缩小，狭窄的斜体字体。我似乎无法弄清楚它在哪里被覆盖，或者为什么它看起来与开发工具与实际使用不同。

根据开发工具，它应该是这样的： MENU-CHROME-EMULATION

但这实际上是这样的： MENU-ACTUAL-android

我的网站是：TARGET-WEBSITE-CITRUSBOOKBINDERY

【参考方案1】：

找到了！这实际上是与 SG Optimizer 插件的冲突，而不是 CSS 问题，这就是为什么我找了这么久都找不到它的原因。我以为我已经检查了我所有的插件，但一定错过了那个。不过，我会留下这个问题，以防它可以帮助其他人。