difference between desktop and mobile browser?

Just starting out? Need help? Post your questions and find answers here.
rvq4u
Posts: 9
Joined: Sat Sep 14, 2024 7:20 pm

difference between desktop and mobile browser?

Post 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
User avatar
Peter
Posts: 1197
Joined: Mon Feb 24, 2014 10:17 pm
Location: 127.0.0.1:9080
Contact:

Re: difference between desktop and mobile browser?

Post 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.
rvq4u
Posts: 9
Joined: Sat Sep 14, 2024 7:20 pm

Re: difference between desktop and mobile browser?

Post by rvq4u »

thank you sometimes my Dyslexia wins in such easy words. i fix the errors.
Fred
Site Admin
Posts: 1820
Joined: Mon Feb 24, 2014 10:51 am

Re: difference between desktop and mobile browser?

Post 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
Post Reply