css not working properly on mobile devices (Mi Browser)
Question
My css is working as expected in browsers like chrome (mobile). But when I try with Mi Browser, (native browser on xiaomi, it doesn't work properly.
I'm using Next.js and this is my head tag:
<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>
website: https://nutryn-website.nutryn.vercel.app
screenshot on chrome:
screenshot on mi browser:
1 answers
solution1
1 ACCPTED 2020-11-20 14:30:35
have you checked that specified css functions are supported by mi browser? go to w3schools or anywhere to check if browser and its version support your css functions or not.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
HTML layout on mobile devices not working properly
HTML form working on web browser but not on mobile devices
css does not displaying properly on mobile browser
Css link focus not working in mobile devices
CSS: hover, focus or active not working on mobile devices
CSS properties not working on certain mobile devices
Why this CSS code is not working properly in all devices?
requestFullscreen not working properly in Samsung mobile default browser
CSS Sticky position not working properly on mobile
CSS - Mobile Devices
Related Tags