當從linkedin應用程序（在瀏覽器中）進入網站時，我的css混淆了

Question

我該如何解決這個問題：點擊這里

當我通過 iPhone 中的 Linkedin 應用程序進入網站時，我遇到了 css 問題，但在 android 中一切正常。

有人知道這個問題的解決方案嗎？

謝謝 ：）

Answer 1

您當前已部署開發版本。 您需要部署生產版本而不是開發版本。

請參考：

• https://nextjs.org/docs/api-reference/cli#build
• https://nextjs.org/docs/api-reference/cli#production
• https://nextjs.org/docs/deployment

您遇到的 CSS 問題是因為Autoprefixer未在開發版本上運行，因此您的 CSS 缺少供應商特定的前綴，如-webkit 、 -moz等。

在 Android (Chrome) 上，樣式可以正常工作，可能是因為您沒有使用任何標准形式不支持的 CSS 屬性。 在 iOS 上，webview（或任何 Apple 稱其為）由 Safari 提供支持，對於相同的屬性可能需要-webkit前綴。

一些參考：

• https://nextjs.org/docs/advanced-features/customizing-postcss-config#default-behavior
• https://www.caniuse.com/
• https://developer.mozilla.org/en-US/docs/Glossary/Vendor_Prefix