Cross-Platform Compatibility: Layout and Rendering Differences Between Windows and Linux in Tauri Apps #12311
Replies: 1 comment 1 reply
-
If you did everything by hand, maybeee. If you used css frameworks or whatever then they usually have cross browser support (safari) in mind.
Not sure what you're asking for here
Use something like normalize.css and always have Safari in mind when looking at a support matrix
well, don't rely on system fonts for the first one, and the second one shouldn't really be an issue.
Comes back to having Safari (even for Linux) as your "lowest" target in mind. Targetting Safari and Chome isn't a new concept so really, there are tons of npm packages that will make your life easy/easier. |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your response. |
Beta Was this translation helpful? Give feedback.
-
Hello everyone,
I'm currently developing a Tauri application on Windows and planning to run it on Linux. I am concerned about potential issues with cross-platform compatibility, specifically regarding layout and rendering differences.
Given that Tauri relies on the system's native WebView (WebView2 on Windows and WebKitGTK on Linux), I have some questions:
1.Will there be noticeable layout shifts or style inconsistencies when running the same application on Linux after developing it on Windows?
3.How does Tauri handle differences in font rendering, CSS behavior, or system UI elements across platforms?
3.Are there best practices or recommendations to ensure a consistent look and feel across Windows, Linux, and macOS?
I am particularly concerned about issues like:
Incorrect alignment of UI elements.
Changes in font appearance due to missing system fonts or rendering techniques.
Unexpected behavior of JavaScript or animations in the different WebView implementations.
Has anyone faced such challenges, and how did you address them? Any insights or suggestions would be greatly appreciated!
Thank you!
Beta Was this translation helpful? Give feedback.
All reactions