search

brstp / friskissvettis-mobil

Friskis&Svettis hybridmobilapp
http://m.friskissvettis.se
0 stars 0 forks source link

Litet typsnitt i Androidappen #1

Closed brstp closed 10 years ago

brstp commented 10 years ago

I androidappen så är texterna på appens startsida (i dropdown "Välj stad") och länkarna "Gå vidare" och "Karta" för små (litet typsnitt).

Motsvarande ser bra ut i iOS-appen.

2014-09-30 09 19 15

aponomy commented 10 years ago

Android. Ok. Jag måste försöka installera någon slags simulator. Vilken skärmbredd lär din Android ha?

brstp commented 10 years ago

Det är en Samsung Galaxy S5 (1080 x 1920). Jag ska ladda sonens S2 och en 7" Galaxy Tab och prova med dem också.

aponomy commented 10 years ago

Det verkar inte som att Android-appen kan tolka css media-queries, i så fall har vi ett litet problem. Jag ska se vad jag kan göra.

brstp commented 10 years ago

Det är väl Android Browser som renderar appen (psss Safari i iOS). Ska funka från Android 2.3 och framåt. http://caniuse.com/#feat=css-mediaqueries. Längre tillbaka än så kan vi nog friskriva oss ifrån med hänvisning till hur få som kör så gamla versioner.

Hittar en hel del på stackoverflow.com om problem men vet inte om det är ngt relevant.

aponomy commented 10 years ago

Kan du ladda om och se vad det står för värde i sidfoten (det är den bredd som upptäcks av appen via ett hack (suck har suttit hela dagen och försökt få detta att fungera, om du vill få en chock, läs detta: http://tripleodeon.com/2011/12/first-understand-your-screen/)

aponomy commented 10 years ago

Jag kör nu en simulator av Samsung Galaxy S5 (4.4.2) på Genymotion (riktigt bra!), men det verkar som min skärm är mindre än din, kan du kolla vad det står i sidfoten när du laddar om appen? Jag har tagit bort media queries helt nu och gjort ett eget ramverk för responsivitet i javascript, då ska det fungera i alla webbläsare och webviews-controller.

brstp commented 10 years ago

Nu på Samsung Galaxy S5. w 1080 h 1845 (rw321 rw992 rh321 rh768 rh992)

2014-10-01 08 17 54

brstp commented 10 years ago

Just nu på en Samsung Galaxy S2 (som inte kör Samsungs androidistribution utan Cyanogenmod, men det ska inte ha någon påverkan i det här fallet): Ser rätt bra ut. screenshot_2014-10-01-10-33-20

aponomy commented 10 years ago

Kan du prova på Galaxy S5 igen och se om det är någon skillnad?

brstp commented 10 years ago

Marginell skillnad. När vyn laddades om var det något som ändrades men så litet så att det var svårt att se vad. Typ lite större padding mellan drop-down och länkar.

brstp commented 10 years ago

Appropå artikeln du länkade till ...

Nej, inte chockad. Isf blev jag det för flera år sedan. Naivt: Måste man veta så mycket om skärmstorleken? Har inte hunnit sätta mig in i vad det är som strular med media-queries men spontant så känner jag mig skeptisk till att bygga js-rutiner för så enkla saker (som jag tror att det är).

Jag ska kolla på media-queries. De jag har gjort tidigare har fungerat klanderfritt i Android Browser (men har inte byggt ngn app).

aponomy commented 10 years ago

Problemet ligger antagligen i hur webview sätts upp inuti Android-appen. Varken media queries eller viewport fungerar som det ska. Men tror jag har löst det nu med javascript och lite css-trolleri.