Issue in older iphone in v4, but fine in v3 #17967
-
|
What version of Tailwind CSS are you using? What build tool (or framework if it abstracts the build tool) are you using? "nuxt": "^3.17.1", "vite" : "latest" What version of Node.js are you using? v22.13.0 What browser are you using? Iphone 7 - Safari What operating system are you using? IOS v15.8.4 TailwindCSS version 3 was completely fine, but in version 4, the layout has serious issues on the iPhone 7. it only gets wrong in npm run dev |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
So Tailwind v4 uses more modern CSS features, hence the minimum browser support is for newer browsers. In dev, even more so. To keep it fast when developing, newer syntax is used (namely CSS nesting). However, when building for production, the CSS is transpiled down to support more browsers (as per previously mentioned browser support). |
Beta Was this translation helpful? Give feedback.
-
|
tnx |
Beta Was this translation helpful? Give feedback.
So Tailwind v4 uses more modern CSS features, hence the minimum browser support is for newer browsers. In dev, even more so. To keep it fast when developing, newer syntax is used (namely CSS nesting). However, when building for production, the CSS is transpiled down to support more browsers (as per previously mentioned browser support).