Html css在移动设备上无法正常工作（Mi浏览器）_Html_Css_Next.js_Mobile Browser_Xiaomi

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

html css next.js

Html css在移动设备上无法正常工作（Mi浏览器）,html,css,next.js,mobile-browser,xiaomi,Html,Css,Next.js,Mobile Browser,Xiaomi,我的css在chrome（手机）等浏览器中正常工作。但当我尝试使用小米浏览器（小米上的本机浏览器）时，它无法正常工作我正在使用Next.js，这是我的头标签： <Head> <meta charSet="UTF-8" /> <title>Nutryin</title> <meta name="viewport" content="width=device-width; initial

我的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>


营养素

网站：

chrome上的屏幕截图：

mi浏览器上的屏幕截图：

您是否检查了mi浏览器是否支持指定的css功能？请转到W3学校或任何地方，检查浏览器及其版本是否支持您的css功能。

“css工作不正常”-你是想限制观众吗？我没有他们的手机，也没有能力读懂你的心思。这里的许多其他手机都处于相同的位置。什么功能不正常？（这些手机可能存在浏览器错误）@enhzflep抱歉，我现在添加了屏幕截图