当从linkedin应用程序(在浏览器中)进入网站时,我的css混淆了



如何解决此问题:点击此处

当我通过iPhone中的linkedin应用程序进入网站时,我遇到了css问题,但在android中,一切都很好。

有人知道这个问题的解决办法吗?

谢谢:(

您当前已经部署了一个开发构建。您需要部署生产构建,而不是开发构建。

请参阅:

  • 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上,网络视图(或苹果公司称之为的任何东西(由Safari提供支持,Safari可能需要-webkit前缀才能使用相同的属性。

一些参考文献:

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

相关内容

最新更新