Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

android orientation bug - back button ?

Pagina: 1
Acties:

  • GC-Martijn
  • Registratie: September 2004
  • Laatst online: 09-12-2018
Na uren proberen van 1000de dingen weet ik het ff niet meer.
In het begin toen ik m'n website maakte had ik deze bug, toen had ik hem gefixed, nu vele regels code verder is hij weer terug :S

Het probleem is dat alles werkt alleen niet wanneer de user het volgende doet.
1. start in portrait op een pagina
2. drukt op een knop [gaat naar andere pagina].
3. op de andere pagina draait deze het scherm
[tot hier alles perfect]
4. drukt op de back button (android browser back button)
de pagina ziet er nu niet uit want de zoom is fout (alles is groot)

Het is alleen die fout, de rest is allemaal goed, je kan bijv. gewoon op de pagina zelf wel gewoon draaien.

Wanneer ik op de sterk ingezoomde pagina draai dan zet hij alles wel weer goed.

Ik gebruik de volgende code
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

- users kunnen niet inzoomen, niet nodig op deze pagina.

Ik heb ook nog scripts getest zoals dit
$(window).on('orientationchange', orientationChangeHandler);
function orientationChangeHandler(e) {
setTimeout(function() {
$(window).trigger('resize');
}, 2000);

of bij de onload nog een keer
$(window).trigger('resize');


En diverse viewport waardes.

// - bla la


  • Zoefff
  • Registratie: September 2001
  • Laatst online: 20:55

Zoefff

❤ 

Maak eens een testcase waarbij je alleen de basis overhoud zodat je hier eenvoudig mee kan spelen? Ziet de pagina er wel goed uit als je deze in landscape modus opent? Wat is 'sterk ingezoomd'? Je beseft je dat als je de breedte als device-width definieert en dan een initial-scale van 1 meegeeft dat de pagina in landscape altijd groter weergegeven zal worden dan in portrait?


FotoblogWerkaandemuur.nlMoestuincursus.nlTwitter


  • GC-Martijn
  • Registratie: September 2004
  • Laatst online: 09-12-2018
Ja toen het goed was had ik volgens mij ook alleen dit:
<meta name="viewport" content="width=device-width, user-scalable=0" />

alleen door diverse pogingen wist ik het ff niet meer.
Het gekke is dus dat alles gewoon goed is, tot de back button.

dit probleem is er niet op iphone/chrome.

Het is ook vrij lastig weer code/content weg te laten, ik zal dit eens proberen.
wellicht werkt het dan wel.

// - bla la