我的 React 应用程序中跨浏览器的不同视图

Question

我的网站在 Chrome 移动视图和实际手机上的 Safari 中看起来不同。 我已经为所有样式使用了前缀（WebKit，...） 我还使用 normalize.css 来解决任何问题 我需要帮助。 我试图让我的网站在所有浏览器上看起来都一样

Answer 1

一般来说，跨浏览器优化的问题通常与不同的CSS引擎有关。我建议您在“caniuse.com”中检查您的 CSS。

另一件事要检查是视口参数。您应该查看index.html (yourProject/public/index.html)。应该有一个带有“viewport”属性的标签。像这样：

<meta name="viewport" content="width=device-width, initial-scale=1" />

如果该位置有标签，请向我提供有关此问题的更多信息。我想帮助你。