为啥我的 React 应用程序只在新选项卡中看起来不错？

Posted 2023-03-16

【中文标题】为啥我的 React 应用程序只在新选项卡中看起来不错？

【英文标题】：Why does my React App only look fine in a fresh tab?为什么我的 React 应用程序只在新选项卡中看起来不错？

【发布时间】：2022-01-20 18:21:18

【问题描述】：

我正在使用 React 和 Ionic："@ionic/react": "^5.5.0"。该应用在新标签页中看起来不错：

只要我在浏览器上点击刷新，输入就会损坏/看起来不同：

你知道为什么吗？

【问题讨论】：

我看不到下面的图像出现了什么问题？颜色略有不同，但仅此而已

在这种情况下，在第二张图片中，您会看到输入看起来不同。但实际上很多其他的东西都坏了。为什么会这样？

好像在ios和android ui之间切换，需要看一些代码

@Aaron Saunders 您可能走在正确的道路上。我在我的 Android 智能手机上试了一下，效果很好。这个问题似乎只存在于电脑上。我今天会检查标签存储，可能存储了一些关于设备的值。

它可能会占用设备视口，例如 Android 或 iOS。控制台有错误吗？

【参考方案1】：

这取决于通常 Ionic 自动设置的首选暗模式变量 scss。您可以在 scss 文件中查找“@dark”并进行编辑！

【讨论】：

确实和暗模式有关。实际上，我对 Ionic 提供的 scss 变量感到满意。我只是不希望浏览器在刷新时更改样式。