Reference:
https://marcus.se.net/obsidian-plugin-docs/testing/mobile-devices#emulate-mobile-device-on-desktop
I have been successfully developing some CSS snippets for mobile on my desktop and testing them by emulating Obsidian to run on mobile.
I make sure to toggle mobile emulation in the console tab as mentioned in the reference link.
this.app.emulateMobile(!this.app.isMobile);
All of the css rules work as expected in the mobile emulation.
When I launch the app on my iPhone. I make sure to refresh the css snippets in the appearance menu.
Most of the css rules work but then other rules that worked totally fine in the mobile emulation, do not work on an actual mobile device.
Any thoughts on this?