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

Question

我的 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 上的屏幕截图：

小米浏览器截图：

Answer 1

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

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

css not working properly on mobile devices (Mi Browser)

html

css

mobile-browser

next.js

xiaomi