css 在移动设备上无法正常工作（小米浏览器）答案

【问题标题】：css not working properly on mobile devices (Mi Browser)css 在移动设备上无法正常工作（小米浏览器）
【发布时间】：2021-03-03 23:14:38
【问题描述】：

我的 css 在 chrome（移动）等浏览器中按预期工作。但是当我尝试使用小米浏览器时，（小米的原生浏览器，它不能正常工作。

我正在使用 Next.js，这是我的头标签：

<Head>
<meta charSet="UTF-8" />
<title>Nutryin</title>
<meta
  name="viewport"
  content="width=device-width; initial-scale=1.0;"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
  href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;500&display=swap"
  rel="stylesheet"
/>
</Head>

网站：https://nutryn-website.nutryn.vercel.app

chrome 上的屏幕截图：

小米浏览器截图：

【问题讨论】：

“CSS 无法正常工作” - 您是否打算限制受众？我没有他们的一部手机，也没有读懂你思想的能力。这里的许多其他人处于相同的位置。什么不能正常工作？（这可能是这些手机中的浏览器错误）
@enhzflep 抱歉，我现在添加了屏幕截图

标签： html css next.js mobile-browser xiaomi

【解决方案1】：

你检查过小米浏览器是否支持指定的css函数吗？去 w3schools 或任何地方检查浏览器及其版本是否支持您的 css 功能。

【讨论】：