Page 1 of 1

difference between desktop and mobile browser?

Posted: Sun Oct 13, 2024 4:14 pm
by rvq4u
Hi,

i made a little APP but it looks different on mobile and desktop like the pictures below.

Image
desktop

Image
mobile

does someone know how to suppress this.

if you like can you access the app https://apps.basesoft.de/azr_spider/.here

Re: difference between desktop and mobile browser?

Posted: Sun Oct 13, 2024 7:24 pm
by Peter
if you want to harmonise the appearance, you can either add an underscore to all views:

Code: Select all

! setTimeout(function() { $('.text-input').addClass('text-input--underbar'); }, 10);
or remove the underscore in all views:

Code: Select all

! setTimeout(function() { $('.text-input').removeClass('text-input--underbar'); }, 10);
P.S.: "Berechnen" is written with only one 'r' and "Körperoberfläche" is missing a unit of measurement.

Re: difference between desktop and mobile browser?

Posted: Sun Oct 13, 2024 8:23 pm
by rvq4u
thank you sometimes my Dyslexia wins in such easy words. i fix the errors.

Re: difference between desktop and mobile browser?

Posted: Mon Oct 14, 2024 8:35 am
by Fred
The default mobile display on web is based on iOS layout. It seems you use Android to test on real phone. So to have the Android look in dev, you can add:

Code: Select all

MobileStyle(#PB_Mobile_Android)
At the top of your code. Warning, you need to remove it if you want automatic display switch between iOS and Android